React의 정의와 주요 특징

 

React

웹과 네이티브 사용자 인터페이스를 위한 자바스크립트 UI 라이브러리

SPA를 쉽고 빠르게 만들 수 있도록 해 주는 도구

사용자 인터페이스 : 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로 간에 입력과 출력을 제어해 주는 것

SPA : 하나의 페이지만 존재하는 웹사이트 (하나의 html 틀을 만들어놓고 사용자가 특정 페이지를 요청할 때 그 안에 해당 페이지의 내용을 채워서 보내주는 것)

 

 

라이브러리와 프레임워크

프레임워크 : 흐름에 대한 제어 권한이 개발자가 아닌 프레임워크

라이브러리 : 흐름에 대한 제어를 하지 않고 개발자가 필요한 부분만 필요할 때 사용

 

 

React의 장점

1. 빠른 업데이트와 렌더링 속도 : 가상 돔에서 업데이트해야할 최소한의 부분만 검색하여 업데이트하고 렌더링함
2. 컴포넌트 기반 구조 : 모든 페이지가 컴포넌트로 구성되어 있어 재사용성에 유리
3. 재사용성 : 컴포넌트 기반 구조로 소프트웨어 또는 모듈이 다른 곳에도 쉽게 곧바로 쓸 수 있도록 개발하여 의존성을 낮추고 호환성 문제가 발생하지 않음, 소프트웨어의 개발 기간이 단축됨, 유지보수가 용이함
4. 메타 : 굉장히 큰 스폰서를 가지고 있음, 꾸준히 버전 업데이트가 이뤄지며 발전함
5. 개발 생태계 : 깃허브와 스택오버플로에 엄청난 수치를 기록중으로 커뮤니티가 활성화 됨
6. 모바일 앱 : 리액트 네이티브를 이용하여 모바일 앱 개발이 가능함

 

React의 단점

1. 방대한 학습량 : 계속해서 버전 업데이트가 이루어지고 있기 때문에 새로운 내용들이 꾸준히 등장함
2. 높은 상태 관리 복잡도 : state의 관리가 어려워 외부 라이브러리를 사용하기 위한 공부가 필요해짐

 

 

대표적인 웹사이트

에어비엔비, 인스타그램, 뱅크샐러드, 토스 등

https://www.codenary.co.kr/techstack/detail/reactjs