React란 무엇인가...

1. 리엑트란?

-사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리

-프론트엔드 엔드에서 UI를 만드는데 사용

 

 

 

2. 내가 이해한 리액트의 장점

 

 -> Component 단위 작성

컴포넌트는 UI를 구성하는 개별적인 뷰 단위 ,UI를 개발을 레고라고 한다면, 컴포넌트는 블록 역할

따라서 생산성이 좋고 유지보수하기 좋다.

Java와 C++의 Class처럼 느껴진다. 

하나의 요소의 변화가 다른 요소들의 변화에 영향을 미치는 복잡한 로직을 업데이트하는

까다로운 작업에 경우, 컴포넌트의 재사용 기능으로서 보완할 수 있게 된다.

 

 -> 자습서가 잘 구축되어있다

페이스북에서 제공하는 자습서가 날 편하게 한다

 

-> 실시간으로 결과값을 UI로 확인하기가 편하다.

데이터가 바뀌면 화면이 바뀌어서 보다 프로그래밍을 원활하게 할 수 있다.

 

 

3. 리액트 시작하기 

 

ReactDOM.render는 작성해둔 컴포넌트를 DOM에 렌더링(화면에 출력)하는 역할로,

스크립트 내 가장 마지막에 써주면 된다

위 코드가 실행되면 가장 최상단 컴포넌트인 App(위 해당코드에선 Game)이 root div의 내에 들어가게 된다. (항상 최상단 컴포넌트를 넣어주어야하며 하위의 엘리먼트들은 컴포넌트 내부에 삽입하는 형식)

 

body 코드 최상단에  <div id="root"> </div> 여기까지 외우자