리액트 프로젝트 시작하기

리액트란 ?

자바스크립트 라이브러리 => 사용자 인터페이스를 쉽게 구축하게 해준다. 

 

리액트 컴포넌트 ! 

React is all about "Component"

=> 모든 인터페이스는 컴포넌트로 만들어진다. 

=> reusable building block = Reusability

=> Separation of concerns => 작은 단위로 관리할 수 있게 해준다 

 

1 component => 1 function 

 

 

리액트 코드의 선언적 방식 

 

html + css + js => react 

 

바닐라 자바스크립트에서 하는 것처럼 dom을 직접 제어하는 것이 아니라 최종 상태와 어떤 상황에서 사용되어야 하는지를 정의 한다.

리액트는 이 작업을 물 밑에서 한다. 

=> build costum html elements only 

 

---

create react app을 이용해서 프로젝트를 생성하기 

 

react 는 js 코드로 브라우저 내에서 작동하기 때문에 꼭 node js가 필요한 것은 아니다.

하지만 npm 을 이용하기 위해서 node js가 이용된다.

 

---

create-react-app 으로 프로젝트 생성 

 

cd -> myApp

-> npm start 

 

새로운 프로젝트를 pull 했다면 dependency 불러오기  = npm install