React

[코딩애플님 강의] 1. 리액트 설치와 셋팅, 안녕하세요

양상추상츄 2022. 5. 9. 23:16

 

설치순서

1. Node.js 검색 후 최신버전 설치

=> create-react-app 라이브러리를 사용하기 위해서 Node.js를 설치함, npm을 이용한다.

2. Visual Studio Code 에디터 설치

3. 폴더생성

4. 에디터에서 작업폴더 Open Folder

5. npx create-react-app 프로젝트명 입력

6. 프로젝트명의 하위폴더를 다시 Open Folder

7. 코드짠걸 미리보기 띄우기, 터미널에서 npm start 입력

 

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

새로운 React 앱 만들기 – React

A JavaScript library for building user interfaces

ko.reactjs.org

 

파일/폴더 설명

node_modules : 숨은 라이브러리들을 담은 폴더

public : static 파일 보관함

src : 실질적인 코드 파일들

package.json : 설치한 라이브러리 목록

 

서버시작은 npm start