패스잇
프론트엔드 개발 · 기초

React와 Next.js의 근본적인 차이는 무엇인가요?

힌트 · React는 UI 구축을 위한 라이브러리이고 CSR 중심인 반면, Next.js는 라우팅, 서버 렌더링 등을 기본 제공하는 프레임워크입니다.

SSRCSRSEO라우팅데이터 패칭

모범답안

React와 Next.js의 가장 큰 차이점은 React가 UI를 만들기 위한 라이브러리인 반면, Next.js는 React를 기반으로 하는 프레임워크라는 점입니다.

React는 주로 클라이언트 측 렌더링(CSR)에 집중하여 브라우저에서 UI를 동적으로 생성합니다. 반면 Next.js는 서버 측 렌더링(SSR)을 기본적으로 지원하여 초기 로딩 속도를 개선하고 SEO에 유리합니다. 또한, Next.js는 파일 기반 라우팅, API 라우트, 이미지 최적화 등 웹 애플리케이션 개발에 필요한 다양한 기능을 내장하고 있어 개발 생산성을 크게 높여줍니다. 간단히 말해, React는 벽돌이고 Next.js는 그 벽돌로 집을 짓는 데 필요한 설계도와 도구를 모두 제공하는 것입니다.

읽었다면, 이제 직접 답해볼 차례예요

패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.

함께 보는 Next.js 면접 질문

← Next.js 면접 질문 전체 보기