NEXT.JS 설치

next설치

 

npx create-next-app@latest

Ok to proceed? (y) 엔터치고 넘어간다

 

What is your project named? 프로젝트이름

 

Would you like to use TypeScript with this project? 타입스크립트 사용여부

 

Would you like to use ESLint with this project? EsLint 사용여부

 

Would you like to use Tailwind CSS with this project? 테일윈드 CSS 사용여부

 

Would you like to use src/ directory with this project? src 디렉토리 사용여부

 

Use App Router (recommended)? App Router 사용여부

=> App Router는 page 라우터의 진화형이라고 함 하지만 나는 next를 이제 시작하는 입장이라  일단 No 했다.

 

Would you like to customize the default import alias? Import구문 커스텀 할지 여부

=> 이것도 no 했는데... 했어야했나... 나중에 추가 설정 가능하다 했으니 일단 보류한 걸로 한다. 절대경로 커스텀 얘기인 듯

     파일이 깊게 파묻혀있을 때../../../../../components/file을 @/components/file처럼 할 수 있게 만들 수 있는 부분인 것 같다.

 

 

설치를 마무리 지은 후 npm run dev로 실행해 보면

 

굿 잘 나오네요.