React 리액트란? create-react-app을 이용한 개발환경구축 / 생활코딩

React – A JavaScript library for building user interfaces

React 리액트란?

페이스북에서 만든 자바스크립트 UI 라이브러리

 

 

Component 기능

가독성

재사용성

유지보수

 

 

CODING -> RUN -> DEPLOY

 

 

개발환경

npm 설치

node.js의 기술을 이용해 만든 앱을 명령어 환경에서 손쉽게 설치할 수 있도록 도와주는 도구(일종의 앱스토어)

 

https://nodejs.org/en/

Node.js

 

설치 후

window + R -> cmd 실행

 

 

npm을 이용해 creat-react-app 설치

 

npm install -g create-react-app

한번 다운로드하고 이후 추가적인 다운로드가 필요 없다.

최신 버전을 사용하지 못할 수 있다.

 

npx create-react-app

항상 최신 버전의 react를 사용할 수 있다.

매번 새롭게 다운로드하여야 한다.(다운로드 후 삭제되기 때문에 용량 차지 X)

 

create-react-app -v

다운 후 버전 확인

 

 

***

바탕화면에 react-app 폴더 생성 후

cmd에서 cd react-app폴더 끌어 온 후 엔터, 자동 경로 생성

create-react-app .

현재 디렉토리가 create-react-app에 의해서 개발환경이 생성됩니다.

 

 

실행하고 싶을 경우 : npm start 

웹 페이지가 열리고 개발중인 주소도 생성

끄고 싶을 경우 : ctrl c

 

 

 

 

 

 

// 생활코딩 유튜브 강의