4.React 개념 공부

리액트의 장점

1.선언형 스타일 프로그래밍

 : 일반적인 프로그래밍은 결과를 도출하기 위해 순차적으로 프로그래밍을 하지만(명령형 스타일) 선언형 스타일은 결과물에 초점을 맞춰 코드를 작성한다.(솔직히 아직 잘 모르겠다... 무슨말인지)

2.순수 자바스크립트를 이용한 컴포넌트 기반 아키텍쳐

 : 리액트는 순수 자바스크립트 내장 함수들을 사용하기 때문에 다른 프레임워크들과는 달리 리액트를 쓰기위해 특별히 더 학습해야될 것들이 없다.

3.강력한 추상화

: 내부의 인터페이스를 숨기고 정규화 과정을 거친 합성 메서드와 속성을 제공한다. (무슨말인지 잘 모르겠으나... 내가 이해한 건 예를들어 onClick 이벤트의 경우 각각의 브라우저들이 가진 원본 이벤트를 사용하는게 아닌 한번더 감싸진 공통 onClick 메서드를 제공하기 때문에 브여러 브라우저 호환성을 생각하지 않아도 된다... 인 것 같다)

4.속도와 테스트 용이성 

 : Virtual DOM 자바스크립트 메모리에만 존재하고, 메모리에서 DOM을 그리는것이 DOM을 렌더링하는 것보다 훨씬 빠르다.

  Jest 를 사용하면 명령줄에서 바로 컴포넌트 테스트 가능

리액트 라이브러리

1.React 버전 0.14이후로 기존의 React가 react, react-dom으로 분리되었다. 이것은 웹 뿐만아니라 렌더링이 필요한 부분들에 모두 리액트를 제하기 위함이다. 웹 개발시에 React를 쓰려면 둘다 사용해야 한다.

2.데이터 모델링을 위해 : Redux

3.라우팅을 위해 : React Routing

4.부트스트랩 마크업을 위해 : React-Bootstrap