리액트 서버 컴포넌트

React Server Components는 컴포넌트 코드 자체가 브라우저로 전혀 전송되지 않고 서버에서만 실행되어 결과 HTML(또는 RSC 페이로드)만 클라이언트로 스트리밍되는 새로운 컴포넌트 모델이다. 데이터베이스 쿼리나 비밀 API 키를 컴포넌트 안에서 직접 다뤄도 클라이언트에 노출되지 않아 보안과 번들 크기 두 마리 토끼를 잡을 수 있다. 다만 useState, onClick 같은 브라우저 상호작용 코드는 여전히 클라이언트 컴포넌트(파일 최상단에 ‘use client’ 지시어)로 분리해야 하며, 이 경계를 잘못 설계하면 서버 전용 모듈이 클라이언트 번들에 실수로 포함되는 사고가 발생한다.

실무 적용 및 비즈니스 영향#

클라이언트 번들 크기를 극소화하면서 내부 DB나 API에 안전하고 빠르게 접근

구현 가이드 및 주의사항#

클라이언트 컴포넌트(use client)와의 경계 구분과 렌더링 생명주기 이해 필요