• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 app라우터쓸때 컴포넌트 구조

app라우터쓸때 컴포넌트 구조

  • 이 주제에는 1개 답변, 2명 참여가 있으며 codingapple8 월 전에 전에 마지막으로 업데이트했습니다.
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #132025

    정중식
    참가자
    요즘 인턴으로 일하고있습니다.
    다름아니라 nextjs14 app라우터를쓰고있는데 구조에대해서 궁금한게있어서 찾아봽게되었습니다. 
    
    센세 app라우터쓸때 컴포넌트 구조를어떻게짜면좋을까요?
    shaden UI를 사용중이라
    components/ui 폴더에는 shadcn UI 코드들이 주루룩 들어가있습니다.
    그래서 page라우트폴더에 (components) 폴더를두고 또 여러개 컴포넌트 폴더들을쪼개고 index.tsx로 export하는식으로하는게나을지
    아니면 page라우트폴더에 components.tsx파일에 해당페이지에서 사용하는 컴포넌트들 때려넣을지
    고민이됩니다.
    
    전자는 폴더구조가 지저분해지는것같고
    후자는 components.tsx파일이 엄청 길어질경우 감당안되는것같습니다.
    
    멘토가없다시피해서 선생님의 조언을 구하고싶습니다
    nextjs app라우트방식에서는 어떤식으로 폴더구조 컴포넌트관리를해주는게 베스트인가여?
    #132029

    codingapple
    키 마스터
    app폴더에 _폴더명으로 폴더만들면 라우팅안되어서 거기 만들어도 됩니다
    한 폴더안에 컴포넌트파일들 보관하고 서로 관련있는 컴포넌트들은 한 파일에 보관하면 찾기 편리할듯요
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠