Next.js

폴더 구조 분석

nayeonee__ 2024. 7. 28. 21:58

public 폴더

  • 넥스트 서버에서 누구나 접근할 수 있게 서비스 해줌
  • 모든 사람이 접근할 수 있는 사이트에서 사용할 이미지 등을 넣는 것이 좋음

src 폴더

  • 주로 루트 아래에 src, app 이 별도로 있는 것이 원칙이지만 src/app 구조는 타입스크립트를 한번에 처리하기에 용이

app 폴더

  • 주소와 관련된 파일이 들어감

next.config.js

  • 넥스트 설정 파일

tsconfig.json

  • 타입스크립트 설정파일

 

 

💡 path alias

경로에 대한 별칭
ex ) 기본 상대 경로 import - ../../../components/Header
ex) path alias 사용 - @/components/Header