[Next.js] 개발환경 구성 및 테스트

회사에서..nextjs를 시작했다..개발환경 부터 테스트 빠르게 진행해보자. 너무 간단하고 가벼워서 맘에들었다.

 

1. Nodejs 설치

https://nodejs.org/ko/download

 

nodejs 18버전 이상에서만 동작하기때문에 (LTS)라고 적혀있는 버전을 다운로드 한다.

2. Next.js 프로젝트 생성

- 작업을 진행할 위치에 폴더를 하나 만든다. (필자는 바탕화면에 test라는 폴더를 만들어서 진행했다.)

- 작업폴더에 shift + 우클릭해서 여기서 powershell 열기를 누른다.

 

- 열린 파워셀에 명령어 입력

npx create-next-app@latest

 

- 그리고 엔터 누르고 마지막에 만 No 선택, 그러면 프로젝트가 생성된다.

Would you like to customize the import alias (`@/*` by default)? ... No / Yes

 

3. Next.js 프로젝트 실행

생성한 프로젝트를 확인해보면 이것저것 많이 생긴걸 확인할 수 있다.

프로젝트 실행은 콘솔창이나 , 파워셀에서 명령어 한줄만 입력하면된다.

 

 npm run dev

 

그러면  Local URL이 뜬다 , 브라우저로 해당 URL로 접속해보면 된다.

 Local:        http://localhost:3000

 

 http://localhost:3000 으로 접속해보면 실시간 미리보기사이트를 확인할 수 있다.

 

 

---

시작이 좋다. 앞으로 NEXT.JS 잘해보자!