Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
위 링크로 들어가 왼쪽, 오른쪽 둘 중 아무거나 클릭하여 node.js를 먼저 설치한다.
Visual Studio Code를 열어 파일 - 폴더 열기 -> 바탕화면에 react-app이라는 새로운 폴더를 만들어 열어준다.
*폴더를 만들 때는 소문자 이용하기!
그리고 터미널 - 새터미널을 클릭하면 명령어로 Visual Studio를 제어할 수 있게 된다.
터미널에 npx create-react-app . 을 입력하여 설치해준다.
뒤에 점은 현재 폴더에 개발환경을 설치해준다는 의미이다.
즉, 방금 한 것과 같이 폴더를 먼저 만들어 설치해도 되고, 원하는 위치로 이동해서 npx create-react-app [프로젝트명]을 입력해서 환경을 만들 수도 있다.
설치가 완료되면 npm start를 입력하여 react 개발 환경이 실행되면서 코딩을 할 수 있는 환경이 만들어진다.
잠시 기다렸다가 새로운 웹브라우저가 열리면서 위 사진과 같이 나오면 성공적으로 개발환경이 만들어 진 것이다.
'🌐 Web > React' 카테고리의 다른 글
06. STATE (0) | 2022.08.16 |
---|---|
05. 이벤트 (0) | 2022.08.16 |
04. PROPS(속성) (0) | 2022.08.16 |
03. 컴포넌트(사용자 정의 태그) 만들기 (0) | 2022.08.15 |
02. 소스코드 수정방법 (0) | 2022.08.15 |