유튜브 Codevolution 님의 Next.js 강의를 듣고 배운점을 정리
Next.js?
- React 기반의 오픈 소스 웹 개발 프레임 워크
- SSR 위주의 풀스택 기반 프레임 워크, API 기능 및 서버 컴포넌트를 통한 서버측 기능과, React 컴포넌트를 통한 클라이언트 기능으로 나뉘어 통합 제공하는 프레임 워크, SSG(정적 웹사이트 생성) 방식 또한 제공함
사용하는 이유
- 성능 : 자동 코드 분할, SSR, SSG 같은 내장된 성능 최적화 기능을 제공하여 개발자가 최소한의 노력으로 빠르고 반응성 있는 웹 애플리케이션을 만들 수 있도록 도와줌
- 개발자 경험 : 핫 모듈 교체, 자동 페이지 라우팅, 통합된 API 개발과 같은 기능을 제공하여 개발자가 애플리케이션을 쉽게 구축하고 반복적인 작업을 수행할 수 있도록 지원해줌
- 유연성 : 어떤 데이터 소스와 함께 사용할 수 있으며, 기존 프로젝트에 쉽게 통합할 수 있어 다양한 웹 개발 요구에 유연하게 대응할 수 있음
- 생태계 : 크고 활발한 개발자 커뮤니티를 가지고 있어, 개발자들이 애플리케이션을 구축하고 유지보수하기 위한 다양한 리소스, 타사 라이브러리 및 도구를 활용할 수 있음
알아둬야 할 것들
- 리액트 서버 컴포넌트
- 정적인 컨텐츠나 데이터를 서버에서 렌더링할 때 사용
- 서버에서 직접 데이터를 가져오거나 처리할 수 있음
- 서버에서 렌더링
- 클라이언트 측에서 실행되는 Javascript 코드가 포함되지 않음
- 브라우저 API와 상호작용 불가능 즉 localStorage, document 객체 등 클라이언트 측 특성을 이용한 코드는 사용할 수 없음
- react의 클라이언트 측 상태 관리 훅(useState, useEffect 등)을 사용할 수 없음
선한 영향력을 펼치는 개발자가 되겠습니다.