목록기본 구조 (1)

미새문지

24.10.10 day77 Next.js 폴더 구조, 프론트엔드 시점의 SaaS

넥스트를 처음 설치하게 되면 프로젝트 폴더의 구조는 이렇게 되어있다. app 폴더는 넥스트의 App Router 기능을을 사용하여 페이지와 라우트를 구성한다. page.tsx 파일은 해당 파일이 각 페이지의 기본 파일이며, 이 파일이 루트 경로(/)에 해당한다. 넥스트는 app폴더에서 page.tsx파일을 페이지로 인식하고, 자동으로 라우팅해준다. layout.tsx 파일은 해당 파일은 모든 페이지에 공통으로 적용되는 레이아웃을 정의하는데 예를 들어, 헤더, 네비게이션 바, 푸터 등모든 페이지에 들어가는 공통 컴포넌트를 정의할 수 있다. page.module.css 파일은 해당 페이지와 관련된 CSS 파일이며, 모듈 CSS 방식으로 컴포넌트에 스타일을 적용할 수 있다. css파일로 작성하던 css 파일 ..
개발 TIL 2024. 10. 10. 21:43
이전 Prev 1 Next 다음