본 자료는 생활코딩 이고잉 코치님과 Elice 플랫폼의 자료를 사용하여 정리하였습니다.

React 설치 및 실행

1. React를 설치 할 폴더 생성
2. 해당 폴더로 이동
3. npx create-react-all@latest . 입력
   • npx는 npm을 통해 파일을 다운받고 실행까지 시켜준다.
4. npm run start 입력

npm 명령어

• npm install <패키지 명>
  • npm 서버로부터 원하는 패키지를 내려받는다.
• npm start
  • 프로젝트를 실행
• npm build
  • 프로젝트를 빌드

디렉토리 구조 살펴보기

• ./node_modules/ npm을 이용해 설치한 패키지들 모음
• ./public/ 정적인 파일이 위치
• ./src/ React 개발을 위한 파일이 위치
• ./.gitignore Git에서 불필요한 파일을 무시하는 설정파일
• ./package.json 프로젝트 정보와 사용하는 패키지들 명세
• ./README.md 프로젝트 설명

라이브러리 불러오기

• import "패키지명"
• import 명칭 from "패키지명"
• import {a, b} from "패키지명"
• import * as 명칭 from "패키지명"