[NextJS] NextJS Typescript 프로젝트 생성

📱테스트 환경

MacBook Pro 13 ( M2 )

---

😢 내가 겪은 문제

신규 프로젝트를 진행할때마다 NextJS + TypeScript 프로젝트를 생성하려고 하는데 명령어가 익숙하지가 않아서

맨날 검색해서 사용했는데 .. 이럴꺼면 그냥 기록해놓고 필요할때마다 긁어와서 사용해야겠다 ^^

 

해당 명령어를 터미널에서 사용하면 Typescript 가 적용된 Next 프로젝트를 생성 할 수 있다.

@latest
  latest 는 번역해도 "최신의" 라는 뜻인데 말 그대로 최신버전을 설치한다는 말이다.

npx create-next-app@latest --typescript

 

Ok to proceed ? 계속 진행 할꺼냐고 묻는말에 y 를 해답해주고

What is your Project named ? 프로젝트 이름을 설정해주고

Tailwind CSS 를 제외하고 전부 No ! 를 외쳐주면 프로젝트 생성은 끝난다 !!

App Router ? 같은 경우에는 내 생각에는 취향차이 .. ? ( 같긴한데 찾아봤을 때도 그냥 취향차이라고 했던 것 같긴하다 ^^ )

Yes 를 하면 .tsx 파일들이 app 폴더 안에 생기게 되고, No 를 하게 되면 pages 폴더 안에 생기게 된다.

나는 처음부터 pages 안에서 작업했었기 때문에 No 를 선택했지만 잘 알아보고 맞게 선택해주면 좋을 것 같다.

생성이 완료돼었다고 하면 명령어를 통해서 생성됐음을 알 수 있다 !

npm run dev