Coding Note

React 환경 세팅, 빌드 본문

React

React 환경 세팅, 빌드

jinnkim 2022. 4. 29. 22:34

 

 

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

A JavaScript library for building user interfaces

ko.reactjs.org

 

 

React는 자바스크립트 라이브러리 중 하나로 사용자 정의 태그를 만드는 웹 프레임 워크

 

 


 

 

리액트 세팅 위해 VsCode, NodeJS 설치 필수!

 

 

 

Node JS, Express JS 설치하기

아래 인프런 강의를 참고하여 Node JS 스터디를 시작하게 되었다. 처음 배우는 Node JS 잘해보자!! [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트

coding-day.tistory.com

 

 

 

NodeJS 설치를 완료하였으며 세팅해보자!

 

 

 

리액트 세팅

 

 

1. 노드 설치

2. cmd  노드 찾기

node -v

3. 설치 

npm install -g create-react-app

 

4. 버전확인

create-react-app --version

 

 

 

터미널에 아래 코드를 입력

npm create-"폴더명" . 현재 디렉토리 바로 사용할 수 있는 명령어

 

 

 

npm create-react-app .

 

 

리눅스, 맥 - 터널 명령서_npx

 

 

npm start

 

 

전 노드 버전 업데이트도 했어요!

위 명령어를 작성하며 실행됩니다!

 

 

리액트 빌드 명령어!

 

 

 

 

성공!

'React' 카테고리의 다른 글

[React] React 정리_2  (0) 2022.05.23
[React] React 정리_1  (0) 2022.05.19
[React] CRUD  (0) 2022.04.29
[React] 간단한 웹 페이지 만들기_components, props, state  (0) 2022.04.29
Comments