리액트 사용 환경 구축

-node.js 설치 하기 (npm을 사용하기 때문)

-cmd창을 활용 (cmder추가 설치해도 됨)

-페이스북에서 만든 yarn이 보안성이나 성능이 좀 더 좋다. npm대신 사용가능.

그렇다고 해서 node.js를 설치 안하면 안됨.

-npm install --global yarn 명령어로 yarn 설치.

-cmd창에 작업할 파일경로로 들어가고 -> cd \파일이름\하위파일이름 

yarn start를 하면 브라우저에 리액트가 실행된다.

-실행하면서 cmd창에 명령어를 입력하고 싶다면 ctrl+c로 종료해야 하거나,

다른 cmd창을 열어서 실행하면 됨.

 

**각자의 버전을 확인할 수 있는 명령어

• git -v
• node -v 
• npm -v
• yarn -v

 

크롬 웹 스토어에서

React Developer Tools을 설치하면

리액트로 만들어진 사이트가 어떻게 만들어 졌는지,리액트를 개발할때 유용하게 디버깅, 확인이 가능하다.

 

비주얼 스튜디오 코드에서Reactjs code snippets를 설치하면 굉장히 유용하다.rcc하고 엔터를 누르면 리액트 컴포넌트가 생성이 된다.

 

Auto Import

다른 리액트 컴포넌트를 자동적으로 임포트해준다.