1. React 시작하기

React 작업 환경 준비

1.Node.js

https://nodejs.org/ko/

Windows의 경우 node.js 공식홈페이지 LTS 버전 설치
Mac/Linux의 경우 nvm 도구를 사용하여 node.js 설치

2.Yarn

https://classic.yarnpkg.com/en/docs/install#windows-stable

3.VS Code

https://code.visualstudio.com/download

React 디렉토리 만들기

위에 3가지 설치 후 간단하게 버전 확인

우선 다음 명령어로 React 디렉토리를 생성

React 프로젝트 생성 및 실행

그리고 create-react-app 프로젝트 이름 명령어로 프로젝트 생성

리액트 프로젝트에서 yarn start 해주면 react 브라우저가 나타남

이제 VSCode로 프로젝트를 열어준다.

App.js에서 div안의 내용을 바꿔보자

이렇게 하면 간단한 리액트 프로젝트 생성 완료!

VSCode 터미널 실행

그리고 VSCode 안에서 실행하고 싶으면 cmd창에서 ctrl+c로 프로젝트를 종료 후 VSCode에서 보기> 터미널 클릭해서 터미널 창이 나오면
yarn start 를 입력해주면 된다.