(풀스택) Node(Nest)와 Vue(Nuxt)로 사이트 만들기 - 02.프로젝트 생성 및 Repository 연결

다음은 이 글의 동영상 강좌입니다.

https://youtu.be/9KbnFR_1_Jg

 

 

 

nest project 생성(Backend)

nestjs.com에 가시면 프로젝트 생성하는 법을 확인할 수 있습니다.

https://docs.nestjs.com/first-steps

- project명은 slider-api로 생성합니다.

nest new slider-api

 

nuxt project 생성(Frontend)

nuxt.org에 가시면 프로젝트 생성하는 법을 확인할 수 있습니다.

https://nuxtjs.org/docs/get-started/installation

Installation

- project명은 slider-front로 생성합니다.

- yarn create nuxt-app <project-name> 을 사용합니다.

 

yarn create nuxt-app slider-front

 

Repository 생성

github.com에 접속해서 Repository를 생성합니다.

• github.com -> Repositories -> New를 선택합니다.
• Backend Repository는 slider-api로 생성합니다.
• Frontend Repository는 slider-front로 생성합니다.

.gitignore 파일 생성

• 두개 프로젝트의 root 폴더에 .gitignore 파일을 생성합니다.
• 이 파일은 git 서버에 올라가지 않아도 되는 파일들을 작성해줍니다.

/node_modules
/dist

.DS_Store
.idea

yarn.lock

 

Repository 연결

• github desktop을 이용해서 소스를 clone합니다.
• clone한 소스에 생성한 프로젝트 소스를 이동합니다.
• 소스를 commit하고 push 합니다.