5. React?

React(React.js)

클라이언트 사이드의 JS코드의 작성을 도와 최신 반응형 사용자 인터페이스를 쉽게 구현할 수 있다. 

 

* 왜 React가 추가적으로 더 필요할까?

JS는 모든 단계를 작성해야 한다.(명령형 접근 방식) 

React는 응용 프로그램을 작은 빌딩 블록과 작은 컴포턴트로 분할하는 것으로 모든 빌딩블록과 컴포넌트는 정확한 테스크를 가진다.(선언형 프로그래밍) 즉, 유지보수나 관리가 용이하고 재사용이 가능하여 반복을 피할 수 있으며, 우려사항을 분리할 수 있어 작고 관리 가능한 단위로 유지할  수 있다. 

 

그러나, React도 많은 JavaScript의 라이브러리 중 하나일 뿐이다. React는 컴포넌트 기반의 UI라이브러리로 컴포넌트에 집중하고 다른 기능은 많지 않다. 즉, third party library가 필요하다.

ex) Angular, Vue.js .. 커뮤니티 의존도가 낮고 기능도 다양하지만, 작은 프로젝트엔 과하다.

 

Components 

재사용이 가능한 코드 블록, UI를 작은 조각으로 나누어 구조화하고 관리할 수 있게 하며, 각 컴포넌트는 자체적으로 상태를 가지고 있어 이를 업데이트 하여 UI를 갱신할 수 있다. 

 

컴포넌트를 만들기 위해 리액트는 선언적 방식을 사용한다. 목표 상태를 정의하는 것이 중요한데, 실제 웹페이지에서 어떤 요소가 추가되고 삭제되고 업데이트되는지를 해결하는 것이다. JS에서 한 것 처럼 직접 구체적인 DOM을 업데이트하는 지침들을 작성할 필요가 없으며, 리액트는 최종상태와 어떤 상황에서 어떤 상태가 사용되는 것인지 숨어서 처리하기 때문에 수월하게 작업할 수 있다.