개발 환경

• Docker
• node v.16
• Tool : VSCode
• Language: React with Typescript

VSCode 환경 세팅

환경 세팅 전 여기를 클릭 하여 docker container를 실행합니다.

1. VSCode Download

https://code.visualstudio.com/download

2. git clone - lzao/practice-react

vscode 에는 git 명령어가 내장되어 있습니다.

Window의 경우 F1 을 눌러 명령 팔레트를 표시합니다. MAC의 경우 shift + command + p 를 눌러 명령 팔레트를 표시합니다.

Git:clone 을 선택하면 URL 을 입력하거나 Github 과 VScode 를 연결할 수 있는 선택지가 나옵니다.

https://github.com/lzao/practice-react 에 접속하여 clone https url 를 복사 후 URL를 입력합니다.

입력 후 Local 에 저장할 위치를 선택하면 git clone이 완료되고 오른쪽 하단에 Open in New Window 를 선택하면 VSCode 가 새로 열리면서 git clone 된 프로젝트를 Open 합니다.

3. npm install

npm install 로 자바스크립트 패키지를 설치하기 전에 docker node container 를 실행해야 합니다.