[React] 📚 리액트에 대한 이해

📋 기억하고 싶은 내용

• 리액트는 DOM 노드를 직접 조작하지 않아도 UI를 변경할 수 있는데, 이는 UI 로직과 비즈니스 로직(데이터와 상태 값을 다루는 로직)을 분리할 수 있다는 말이다.
• 이전 뷰를 버리고, 결과적으로 보여줘야 하는 뷰를 다시 보여주는 방식이다.
• 리액트는 내부적으로 가상돔(Virtual DOM)이라는 것을 통해 변경된 부분만 업데이트 할 수 있게 한다.

📌 Library VS Framework

Framework

• Framework는 말 그대로 뼈대, 틀을 일컫는다.
• Framework는 Web Application을 만들기 위해 필요한 여러가지 기능들을 제공한다.
• Web Application에서 공통적으로 필요한 기능은 다음과 같다.
  • 어떤 url로 들어왔을 때 특정 페이지를 보여주는 라우팅
  • 여러가지 페이지나 하나의 페이지에서 상태를 다루기 위한 전역 상태 관리
  • 서버와의 통신을 위한 API 호출
  • 빌드 시스템
• 예) Angular

Library

• 예) React
• 리액트는 UI 라이브러리이기 때문에 필요한 기능들을 직접 구현하거나 구축해야 한다.
• 마음에 드는 라이브러리를 선택하여 시스템을 구축할 수 있지만, 여러가지 라이브러리를 배워야하기 때문에 초기 진입 장벽이 있다.
• 리액트는 쓰고 싶지만, 여러가지 라이브러리를 추가해서 쓰기 싫다면 리액트를 Angular 등의 프레임워크와 함께 쓸 수도 있다.

🌝 수강한 소감 & 떠오르는 생각

• Angular와 React를 혼합해서 사용할 수 있다는 점이 새로웠다. React로 웹 서비스 프로젝트를 하면서 여러가지 라이브러리를 의존해야 한다는 점이 조금 불편하다는 생각이 들었었다. Angular 사용 방법을 익히고, 라이브러리에 의존적이지 않는 프로젝트를 만들어 보면 좋은 공부가 될 것이다.

🔗 참고 래퍼런스

• React 공식 문서