[React / Next.js] 프로젝트 생성

---

환경

• OS: macOS
• IDE: vs code
• node: v20.6.0

---

1. 일반 폴더 생성 

대부분의 react 프로젝트를 생성할 때 처럼 기본 폴더를 생성해준다.

그리고 현재 나의 환경에서 vs code를 사용하고 있기 때문에 폴더를 vs code로 드래그 해준다.

폴더를 드래그 한 뒤 캡쳐본

2. react-next 프로젝트 생성

맥이라면 터미널, window라면 powershell등을 이용해서 해당 폴더의 경로로 이동하거나

vs code의 터미널로 이동하며 다음 명령어를 입력해주면 생성이 완료 된다.

npx create-next-app ./​

해당 명령어를 실행하게 되면 다음과 같은 질문이 몇개 뜨는데 자신에 맞는 것을 선택하여 생성하면 된다.

마지막으로 생성이 완료되면 다음과 같은 파일들이 생성된다.

 

3. 프로젝트 실행

아래 명령어를 터미널에 package.json이 있는 경로에 입력하게 되면 react-next앱이 실행된다.

npm run dev

실행이 되면 localhost:[PORT]로 접속하게 되면 정상적으로 접속이 가능하다.