🚨 ReactJS

UI Library인 React.js란 무엇인가 ❓

1. 공식홈페이지에서 소개하는 React.js

(1). 웹과 네이티브 UI를 위한 라이브러리

• UI를 만들기 위한 라이브러리라고 소개하고 있다.

(2). 공식 홈페이지

• https://ko.react.dev/

2. React는 라이브러리?!

(1). 프레임워크와 라이브러리

프레임워크?

• 개발자가 기능 구현에만 집중할 수 있도록 필요한 모든 프로그래밍적 재원을 지원하는 기술의 조합
  • Spring Framework : Java 기반의 웹(백엔드) 프레임워크
  • Vue.js, Angular.js : Javascript 기반 웹 프론트엔드 SPA 프레임워크
  • Django, Flask : Python 기반의 웹 프레임워크
  • Ruby on Rails
  • .NET Framework
  • Express.js, NestJS : Javascript 기반 웹 백엔드 프레임워크
  • 본래 개발 시 ‘제어’를 하는 것은 개발자의 역할
    - 프레임워크를 사용하는 경우 시키는대로 코드를 짜게 되면 프레임워크가 알아서 제어의 흐름을 가져감

라이브러리?

• 공통 기능의 모듈화가 이루어진 프로그램의 집합
  • React.js
  • react-router-dom
  • redux

(2). React.js는 왜 라이브러리?

• 그 자체만으로 프레임워크라고 하기엔 제공하는 기능이 부실
• 상태관리(Redux), 라우팅(React-router-dom), 스타일링 등의 부재

3. React.js의 특징과 이점

(1) SPA

• SPA
  Single Page Application, 한 개의 페이지로 이루어진 애플리케이션

(2) 인기많음

(3) UI가 필요한 곳이면 어디든

• 웹 뿐 아니라 React Native를 활용한 모바일 애플리케이션에서도 활용 가능

(4) 커뮤니티, 채용공고가 많음