딸기버블티

https://maven.apache.org/download.cgi

다운로드 탭으로 가서 

Binary zip archive Link 를 다운받는다.

다운받고 압축 해제 후 Window > 환경변수 편집 창으로 온다.

사용자 변수 > 새로만들기 > MAVEN_HOME 으로 다운받은 폴더의 하위 \bin 까지 입력해준다.

시스템 변수 > Path 위의 경로를 똑같이 추가해준다.

저장 후 cmd창으로 가서

mvn 입력 하고 아래와 같이 나오면 성공

Window > Preference > Reuse editors to show matches 체크 해제

만약 http://localhost:3000 에서 http://localhost:3000/list 로 이동해서 /list 안에 있는 페이지를 보여주고 싶으면

이렇게 해주면 된다.app > list (경로명) 폴더를 만들고, 만든 폴더 안에 page.js를 생성해주고 페이지를 작성해주면,
/list 로 이동했을 때 원하는 페이지를 보여줄 수 있다.
 

1. Node.js 18 버전 이상 설치

구글에 Node.js 검색해서 설치

https://nodejs.org/en

2. 편집기인 VSCode 설치

https://code.visualstudio.com/download

OS 버전에 맞게 설치

3. 작업폴더 만들기

4. VSCode 로 3에서 만든 폴더 열기

5. 상단 메뉴 터미널 > 새 터미널 > npx 명령 입력

npx create-next-app@latest --experimental-app

오류 날 수도 있음!

오류 나면  npm i -g npx 먼저 입력해 보시길. 

혹은 VSCode 껐다키거나 Node.js 를 다시 설치해 봅시다

이렇게 되면 완료.

아까 만든 폴더에 방금 생성한 프로젝트가 생성되었다.

6. VSCode에서 5에서 만든 폴더 다시 열기

터미널 > 새 터미널 > npm run dev 엔터

해당 주소로 방금 만든 프로젝트를 확인할 수 있다.

참고로 구조은 이렇다

모든 페이지에 원하는 html 을 넣고 싶으면 (상단 네비게이션바나 왼쪽 메뉴바 등) layout.js에 작성하면 된다