React 사용하기(준비물)

node js: 브라우저 환경이 아닌 곳에서도 자바스크립트를 실행할 수 있도록 도와주는 런타임

yarn: 자바스크립트 도구를 매니징하는 도구 (npm 비슷한거.. npm보다 빠름)

VSCode

 

1. node js, yarn, VSCODE를 설치해주고 git bash 창을 열어 확인해 줍니다.

2. 자기가 원하는 폴더에 새로운 리액트 프로젝트를 만들어 봅시다. (저는 d: react-study폴더에 만들거에요)

cd d:

mkdir react-study

npx create-react-app begin-react

하면 begin-react 폴더가 만들어지고 생성이 됩니다. 

그 후에 vscode로 열어 줍니다.

 

3. git bash 에서 우리가 생성한 프로젝트 begin-react 폴더로 들어가서 yarn start를 해줍니다

cd begin-react

yarn start

4. 그러면

이러한 브라우저창이 뜨게 됩니다^^

개발 서버를 끄고 싶으시면 git bash창에서 ctrl + c를 하시면 서버가 꺼집니다.

vscode 내에 terminal 에서 서버를 켜고 싶으신 분들은 terminal 창에서 yarn start 하시면 실행이 됩니다.