[Mac] Next.js를 Typescript 템플릿으로 프로젝트 생성하기

오랜만에 예전에 만들었던 블로그 프로젝트를 다시 만들어보려고 한다.

코딩 자체가 너무 오랜만이라 다시 기록해가며 기억을 되살려야겠다!

 

이전 프로젝트는 윈도우에서 했었는데 이번엔 맥 기반으로 작성한다.

npm도 설치가 되어있지 않아서.. 호다닥 npm설치부터 했다.

 

https://nodejs.org/en/download/

Download | Node.js

npm(node pakage manager) 설치는 여기서 운영체제에 맞게 설치하면 된다.

 

설치 확인은 터미널에서 npm -v로 확인할 수 있다.

 

npm을 무사히 설치했지만 이번 프로젝트는 패키지매니저로 yarn을 사용할거다!

yarn을 글로벌로 설치하는 명령어는 npm i -g yarn 이다.

근데 이렇게 치니까 권한 오류 떠서 관리자 권한으로 실행했다.

관리자 권한으로 실행하는 명령어는 sudo만 추가하면 된다.

sudo npm i -g yarn

 

이제 진짜 프로젝트 생성을 해보자.

위에 말했듯이 yarn 패키지매니저를 사용해서 next.js를 타입스크립트 템플릿으로 만들려고 한다.

yarn create next-app --typescript

그럼 프로젝트 이름을 묻고, ESLint, TailwindCSS 등등을 사용하냐는 질문을 여러개 하는데 적당히 yes / no 선택해주면 된다.

그럼 길게 주루루룩 명령어들이 지나가고 마지막에 Success! 라는걸 볼 수 있을 것이다!