공부방

React 설치와 개발환경 세팅 본문

React

React 설치와 개발환경 세팅

코딩 화이팅 2024. 5. 25. 16:42

React 설치

  1. Nodejs 검색해서 LTS 버전 설치
  2. Visual Studio Code 에디터도 설치
  3. React 작업용 폴더를 하나 만든다.
  4. 폴더에 shift+우클릭하여 '여기에 powershell 열기'를 누름
  5. npx create-react-app '폴더이름' 입력하고 엔터

개발 환경 세팅

  1. 프로젝트 설치하면 open folder하여 생성한 폴더 클릭
  2. App.js
    • src 폴더 안에 있는 App.js가 메인 페이지
  3. Terminal - New Terminal을 눌러 터미널을 만들고(컨트롤 `를 통해 열수도 있음) npm start를 입력하여 미리볼 수 있다.

 

'React' 카테고리의 다른 글

array, object state 변경하는 법  (0) 2024.06.02
버튼 기능 개발, state 변경  (0) 2024.05.31
state, destructuring 문법  (0) 2024.05.31
레이아웃 만들기  (0) 2024.05.30
React 쓰는 이유?  (0) 2024.05.25