2023.02.03 금요일
React란 무엇일까?
React.js 는 SPA 기반의 프론트엔드 개발 프레임워크중 하나로서, 컴포넌트 단위의 독립적인 블록을 이용한 개발 방법을 이용한다.
비슷한 친구들로는 AngularJS, VueJS 등이 있다.
SPA란?
Single Page Application, 한 개의 페이지로 이루어진 어플리케이션이라는 뜻.
MPA 와는 상반된 개념이다.
MPA는 왜 안좋은건가요?
리렌더링. 즉, 페이지가 갱신될때 모든 멀티페이지를 다시 불러오기때문에 시간이 오래걸림 + UX(사용자 경험)이 매우 안좋아집니다!
SPA의 특징과 장점!
- 딱 한개의 페이지로 구성된 웹 앱이다.
- 서버에 1회 리소스를 요청한다 (index.html)
- 필요시 데이터만 받아와서 기존페이지를 "수정" 해주는 방식으로 화면을 수정한다.
- 사용자 입장에선 깜빡임(새로고침)이 없는 자연스러운 UX를 구현가능
- 비슷한 기술들은 AngularJS, VueJS
SPA의 단점
SEO(Search Engine Optimization)을 위해서는 HTML 페이지 전체가 필요한데, SPA의 페이지의 HTML 파일들은 JavaScript 로 연결만 되어있기때문에 검색엔진들이 찾을수가 없다.
이것을 보완하기 위해 나온것이 nextJS 이다.
왜 React 를 써야하나요?
- NPM trends 압도적으로 많은 사용량
- RN(React Native)와의 상생, 심지어는 VR에서까지 활용할 수 있다.
- 막강한 커뮤니티
컴포넌트란?
리액트가 채택한 개발방법
[컴포넌트 = 벽돌] 이라고 보면된다! 벽돌을 쌓아 집을 짓는다.
헤더 컴포넌트, 바디 컴포넌트, 푸터 컴포넌트 만들어서 벽돌을 쌓아 올리듯이 개발!
프론트엔드가 목표!