개발자

리액트 패턴/구조를 구성할 때 고려해야 하는 부분은 어떤 게 있나요?

2023년 01월 20일조회 261

요즘 React 패턴/구조에 관심이 많아졌는데요. 어떤 방법으로 컴포넌트를 구성하고, 폴더 구조는 어떻게 짤 지 고민이 많습니다. 다른 분들은 어떻게 하시는지 궁금한데 조언 부탁드립니다. (혹은 참고할 만한 글이 있다면 공유 부탁드려요~~ 꾸벅)

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

인기 답변

김익현님의 프로필 사진

안녕하세요😄 React 에는 Component는 재사용 가능한 UI 기본단위라고 생각합니다. 기획서나 디자인을 보고 중복되는 부분이나 다시 사용 할 수 있는 부분을 나눈다고 생각하시면 좋을 것 같습니다. Ex) 버튼, 인풋창 , 상단 타이틀, 텍스트에디터, textarea 등등... 이런식으로 작게 쪼개서 사용하시면 편하실겁니다!! 폴더구조는 저같은 경우는 Next를 사용하는데, pages - 페이지 component - 위에서 나눈 컴포넌트 utils - 상수 데이터 및 타입interface 전역함수 template - 페이지는 아니지만 모달창 같은곳에 사용하는 페이지 이런식으로 사용하고 있습니다!! 도움이 되었으면 좋겠네요~ 화이팅~💪

profile picture

익명

작성자

2023년 01월 20일

답변 감사합니다!! 참고해서 구성해볼게요

김상우님의 프로필 사진

회사 내에서 프론트엔드 분이 추천한 글을 들고 왔습니다. 영어지만 참고해보세요! (바이블 같은 느낌이라고 합니다) https://medium.com/innovance-company-blog/react-folder-structure-deep-dive-492bef1999b2

profile picture

익명

작성자

2023년 01월 20일

오... 물어보셔서 답변해주시다니 감동입니다. 읽어볼게요!!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!