[React] 리액트 설치와 셋팅

null·2023년 4월 14일
0

React

목록 보기
1/11
  1. node.js 설치
  • npm 툴 이용 가능
  • create-react-app 라이브러리 이용 가능
  1. VScode 설치

  2. 코드짤 폴더 생성 - git/ React class

  3. 터미널 열고 프로젝트명 입력: success 확인

  • npx create-react-app blog
  • npx create-react-app 'APP이름'
  1. 생성된 프로젝트 폴더 오픈
  • src/App.js 코드 작성 -> (src/index.js) -> public/index.html
    - App.js : 메인페이지에 들어갈 HTML짜는 곳
    - 작성 코드 미리보기 : (터미널에서 프로젝트 열고) npm start
  • node_modules : 라이브러리 모은 폴더
  • public : static 파일보관함 (이미지 파일 등)
  • src: 소스 코드 보관함
  • package.json : 설치한 라이브러리 목록

0개의 댓글