[Next.js] 설치와 파일들

프로젝트 생성

브라우저로 미리보기 띄우기

프로젝트 파일들 설명

• app 폴더 : 코드 작성할 폴더

• api 폴더 : 서버 기능 만드는 곳

• globals.css : 모든 페이지에 적용할 스타일

• layout.js : 메인 페이지 감싸는 용도의 페이지

• page.js : 메인 페이지

• page.module.css (xxx.module.css) : 스타일을 특정 페이지에만 적용 가능

• public 폴더 : 이미지나 static 파일 보관용

• next.config.js : nextjs 설정 파일

• node_modules 폴더 : 설치한 라이브러리 보관용 폴더

• package.json : 설치한 라이브러리 버전 기록용 파일