Next.js_1220

페이지 레이아웃 만들기 (React 기초문법)

 

 

Nextjs라는 이름의 임의로 만든 폴더 생성후 npx create-next-app@latest  그대로 입력함. 강의처럼 --exper..어쩌고는 붙이지 않음. 그리고 아래 같은 질문내용에서 7번째 질문처럼 next day는 예스로 해보았다. 

 

 

 

중요: 반드시 fresh 폴더를 에디터로  오픈해 주도록 한다. 그럼 소문자가 대문자로 바뀐다.

 

npm install 

npm run dev 가 된다. 이전에는 안되었음.

 

<아래 코드 내용처럼 하면 localhost:3000 실행이 않됨> 1. 강의처럼 아래 코드 입력하지 않는다. 2. 강의처럼 디펜더시에서 "next" 코드 버전 수정해주지 않고 그대로 사용한다. 

npx create-next-app@14

이거 그대로 입력하고 엔터누르면 프로젝트 생성 끝입니다.

이거저거 선택하라고 하면 남자답게 선택합시다. 

App router 선택하라고 나오면 Y로 합시다. 

 

 

<수정 > npx create-next-app@latest  이것으로 입력하니 실행이 됨

 

 

 

---

<참고>

https://www.youtube.com/watch?v=PCkiz2GUFg8

 

 

https://codingapple.com/unit/nextjs-install/?id=68759

Next.js 설치와 개발환경 셋팅 - 코딩애플 온라인 강좌