리액트 프로그램 다운 및 실행

React
사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

  • JavaScript library -> JavaScript application -> 사용자 interface
  • Component/Element들의 묶음

Node.js LTS 버전 다운
React 홈페이지 - 시작하기 - 새로운 React 앱 만들기 - Create React App

  1. npx : node js package를 실행시켜줌
    npx create-react-app my-app
    'create-react-app'을 실행시키면서 'my-app' 폴더(어플리케이션 이름)에 react application이 만들어진다.
  1. 리액트 어플리케이션 실행
    package.json
    "scripts": {
        "start": "react-scripts start",	// 실행
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
    • react 프로그램은 localhost:3000이 기본이다.

참고

좋은 웹페이지 즐겨찾기