01. 실습환경 구축

https://nodejs.org/en/

Node.js

위 링크로 들어가 왼쪽, 오른쪽 둘 중 아무거나 클릭하여 node.js를 먼저 설치한다.

---

Visual Studio Code를 열어 파일 - 폴더 열기 -> 바탕화면에 react-app이라는 새로운 폴더를 만들어 열어준다.

*폴더를 만들 때는 소문자 이용하기!

그리고 터미널 - 새터미널을 클릭하면 명령어로 Visual Studio를 제어할 수 있게 된다.

터미널에 npx create-react-app . 을 입력하여 설치해준다.
뒤에 점은 현재 폴더에 개발환경을 설치해준다는 의미이다. 

즉, 방금 한 것과 같이 폴더를 먼저 만들어 설치해도 되고, 원하는 위치로 이동해서 npx create-react-app [프로젝트명]을 입력해서 환경을 만들 수도 있다.

설치가 완료되면 npm start를 입력하여 react 개발 환경이 실행되면서 코딩을 할 수 있는 환경이 만들어진다.

---

잠시 기다렸다가 새로운 웹브라우저가 열리면서 위 사진과 같이 나오면 성공적으로 개발환경이 만들어 진 것이다.

 

강의 영상 - https://opentutorials.org/course/4900/31263