[React] 리액트란 무엇인가요?

📌 패스트캠퍼스 ‘올인원 패키지 : 만들면서 익히는 React의 모든 것 개발부터 배포까지 with 25개 스택’ 를 수강하며 적은 개인 공부용 기록물입니다.

 

리액트란 무엇인가?

사용자 인터페이스를 만들기 위한 JavaScript 라이브러리.

• 인터랙션이 많은 웹 앱을 개발하기 위해 주로 사용
• 웹 앱을 만드는 다른 Tool인 Vue나 Angular와 많이 비교를 하게 된다.

 

출처 : https://res.cloudinary.com/practicaldev/image/fetch/s--WKNaK3du--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k34n580fjmhbil513xo6.png

 

Library vs Framework

• 프레임워크 : 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있는 것
• 라이브러리 : 어떠한 특정 기능을 모듈화 해놓은 것

프레임워크 안에 많은 라이브러리들이 있음.

프레임워크는 내가 작성한 코드를 호출하고, 내가 작성한 코드는 기능을 구현하기 위해서 라이브러리를 호출하게 된다.

 

React는 프레임워크가 아닌, 라이브러리

라이브러리인 이유?

→ 리액트는 전적으로 UI를 렌더링 하는데에 관여하기 때문이다.

 

https://3363665679-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgMQu802me2gEI8E8bY%2F-Lh2g76u3DJyJkwWE_bv%2F-Lh2sz3Z5u4OzURPi9Mo%2Fk1.png?alt=media&token=187f6655-ab01-4a2a-b746-10db1f25841e

 

• 라우팅 : 페이지 이동
  • react-router-dom 모듈을 사용
• 상태관리
  • redux, mobx 등의 여러 모듈을 사용
• 빌드
  • webpack, npm 등을 사용
• 테스트
  • Eslint, Mocha 등을 사용