NextJS 사용 전 준비사항
NextJS를 사용하기 앞서 코드를 작성할 에디터와 nodejs가 필요하다. 필자는 Visual Studio Code를 에디러로 사용했고, node의 버전은 v18.17.0을 사용한다.
설치
우선 사용할 새로운 폴더를 생성하고 에디터를 통해 해당 폴더를 터미널에서 열어준다. 이후 터미널에 NextJS를 설치할 명령어를 입력해주면 되는데 명령어는 다음과 같다.
npx create-next-app@latest .이때 @latest 는 최신버전을 사용하겠다는 의미이며 마지막 . 은 현재 폴더에 NextJS 개발환경을 설치하겠다는 의미이다.
터미널에 위의 명령어를 치고 엔터를 누르면 프로젝트에 대한 설정을 물어보는데 필자는 다음과 같이 설정했다.
실행
설치한 NextJS를 실행하기 위해 터미널에 아래의 명령어를 사용한다.
npm run dev 리액트 앱의 npm run start 와 헷갈리지 않도록 주의하자.
위의 명령어를 입력하면 NextJS 앱이 실행되고 http://localhost:3000/ 주소에서 실행 중인 NextJS 앱을 확인할 수 있다.
