[React] React 시작하기

 

1) nodejs 다운로드

• Download Link
  • https://nodejs.org/ko/
• 참고
  • https://javacpro.tistory.com/62

2) Editor - Visual Studio Code

• Download Link
  • https://code.visualstudio.com/
• 관련 Extension
  • Reactjs code snippets
    • react관련 템플릿을 자동으로 생성해줌
  • Auto Import
    • 필요한 기능을 자동으로 import해주며 component간 상대경로를 자동으로 파악해주어서 유용함
  • Prettier
    • 코드를 가독성있게 정리

3) React 설치 및 create-react-app 생성

• 다운로드 방법(공식문서)
  • https://reactjs-kr.firebaseapp.com/docs/installation.html#trying-out-react

4) 필요한 npm 기능 다운로드 방법

• terminal 명령어 입력
• 다운로드한 기능을 사용할 jsx의 상단에 import
• ex) react-router-dom을 설치할 경우
  1. terminal 명령어 입력
     

     npm install --save react-router-dom​

  2. import
     

     import { BrowserRouter, Route, Link } from "react-router-dom";​

5) 공식문서

• React
  • https://ko.reactjs.org/
• create-react-app
  • https://create-react-app.dev/
• React Redux
  • https://react-redux.js.org/