Next.js
- Vercel이 개발한 오픈소스 자바스크립트 프레임워크
- React.js에 다양한 기능을 제공하는 확장판
프레임워크 vs 라이브러리
| 프레임워크 | 라이브러리 | |
|---|---|---|
| 기능 구현의 주도권 | 프레임워크가 주도권을 가짐 | 프로그래머가 주도권을 가짐 |
| ex)페이지 라우팅을 구현해야한다면... | 프레임워크가 정해놓은 기능을 이용해 정해놓은 방법대로 구현해야 함 | 프로그래머가 원하는대로 구현하면 됨, 무슨 도구를 어떻게 쓰던 자유롭다 |
| 자유도 | 낮음 | 높음 |
| 기능 | 많은 기능이 제공 됨 | 대다수의 기능 제공 안됨 |
| 비유 | 자동차, 비행기(제품) | 톱, 망치 (도구) |
서버사이드렌더링
- CSR방식으로 동장하는 리액트 앱의 단점
- CSR은 검색 엔진 최적화(SEO)에 불리함
: 검색엔진이 사이트에서 정보를 수집할 때 가장 먼저 받는 html파일을 저장해둠 → 리액트로 개발한 서비스에서는 빈껍데기 html파일을 받음
검색 엔진 최적화(SEO)
(Search Engine Optimization)
구글, 네이버, 다음 등의 검색 포털 서비스의 검색 결과에 더 잘 노출되게 하는 것
- SSR과 CRS를 동시에 제공하는 NEXT.js
쉬운게 좋은 FE개발자😺