Next.js 시작하기 [Next.js, TypeScript]

 < 내용 > 

• next.js를 설치하고 실행할 수 있다.

 < 목차 > 

1. create next.js
2. npm run dev

---

 1. CREATE NEXT.JS 

• next.js를 설치하는 방법은 간단하다.
• vscode에서 통합 터널을 연다음 아래와 같이 선택하면 된다.

npx create-next-app@latest --ts next-sample

• ESLint는 코드의 품질을 위해서 선택했다.
• Tailwind CSS는 전에 사용해본 결과 css 적용하는데 편리함을 많이 느꼈기 때문에 적용했다.
• src를 main directory로 설정해놓으면 import해서 컴포넌트를 불러오는데 편하다.
• 기왕 하는김에 추천하는 ROUTER도 추가했다.
• 마지막으로 절대경로 설정을 @파일명으로 할지인데 여태 사용하지 않아도 코드짜는데 어려움이 없었고 오히려 절대경로로 설정하면 어디 파일에 들어있었는지 직관적으로 보기 어렵다고 판단했다.

---

 2. NPM RUN DEV 

npm run dev

 

• cd를 이용해서 위치를 이동한 후에
• npm run dev를 실행하면 next.js 실행 완료!