[프로젝트 파일구조] demo 만들기

즐겁고~ 행복한 ~ 환경 세팅하기 ~ 

 

1. 프로젝트 파일 생성하기 

npx create-next-app@latest example[파일이름]

  
만들어졌다면

2. 이동하기 

cd example[만든파일이름]

3. install하기 

pnpm install ../

이러면 이전 파일 src파일을 추적해서 사용할 수 있게 된다.

 

그리고 만들어진 example은 데모파일 즉 깡통임
진짜 값은 바깥의 src에서 만들어서 불러와 사용함

이전 파일을 바라보겠다는 뜻임

 

4. 프로젝트에 맞게 깡통 구성하기 위해서

~~ npm 올릴때 .gitignore 안에 example을 넣어서
각자 환경에 맞게 해보기~

 

5. example 바깥에서는 install 하기

pnpm i

 

그 다음 서버 및 클라이언트에서 구동을 하자. 

 

cmd를 두개 열고 하나는 프로젝트에서, 하나는 example가서 구동

pnpm run dev

이렇게 서버 & 클라이언트가 돌고 있음

 

>> 페이지 라우팅으로 했기 때문에 

example 안에 src폴더 아래에 page 안에 있는 index.ts가 화면에 출력된다 !