Why React?: 리액트를 배워야 하는 이유
왜 리액트를 배워야 할까?
※ Angular는 이 프레임워크만의 방식을 다 배워야 해서 공부하는데도 시간이 많이 걸리는데, 업데이트되면서 이전의 버전과 호환이 되지 않아 다시 새롭게 배워야 하는 상황이 발생해 많은 개발자들이 떠났다고 한다.
What's React?
A library for creating user interfaces Renders UI and responds to events
리액트는 유저인터페이스를 만들 수 있게 도와주는 라이브러리이다.
사용자에게 UI를 보여주고 이벤트를 처리하는 일들을 할 수 있다.
MVC 패턴 (Model, View, Controller): 디자인 패턴 중 하나, 어플리케이션을 model, view, controller 레이어로 나누어 코딩하는 것, 리액트는 view레이어를 담당
Frameworks VS Libraries
프레임워크는 집의 구조가 완성된 상태의 완성품이라고 할 수 있다. 그렇기에 재배치 등의 일이 가능하다고 비유할 수 있다.
ex. Angular 안드로이드 앱이나 아이폰 앱을 만드려면 정해진 프레임워크 위에서 원하는 기능을 구현해야 한다.
라이브러리는 원하는 재료로 집을 직접 짓는 것이라고 비유할 수 있다.
재료들, 부품들 하나하나를 라이브러리라고 할 수 있다.
필요한 기능에 따라 라이브러리를 골라서 사용할 수 있음 ex.React
(Vue는 state관리, http clients가 포함되어 있지 않기에 프레임워크와 라이브러리 중간쯤이라고 볼 수 있겠다.)
React는 페이스북에서 만든 라이브러리이다.
그렇기에 커뮤니티가 잘 형성되어 있어서 문서화가 잘 되어 있고, 우리가 개발하다 맞닥뜨리게 될 많은 문제들이 커뮤니티에서 공유되었을 가능성이 크다.
또한 리액트를 배우면, 웹 앱뿐 아니라 리액트 네이티브로 모바일 앱도 만들 수 있으며, 일렉트론까지 사용하면 데스크탑 어플리케이션까지도 만들기가 가능하기에 배울 가치가 충분히 높다고 생각된다.
결론: 리액트는 기회비용이 좋고, 배우기 쉽기 때문에 배우지 않을 이유가 없다.
'React' 카테고리의 다른 글
Vite로 생성한 React + TypeScript 에러 해결 ('react/jsx-runtime' 모듈 또는 해당 형식 선언을 찾을 수 없습니다. ' JSX.IntrinsicElements'인터페이스가 없으므로 JSX 요소는 암시적으로 'any' 형식입니다.) (1) | 2023.11.24 |
---|---|
[React 오류] You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). (2) | 2022.01.12 |
npm과 yarn의 차이 (0) | 2021.11.16 |
JSX 작성법 및 규칙 (0) | 2021.11.15 |
Node.js는 무엇일까? 장점과 필요성 (0) | 2021.07.29 |