유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Next.js 15 Tutorial - 60 - Server-only Code

Codevolution

2025. 1. 21.

0

#frontend
#backend
  • Next.js 15 서버 전용 코드 분리의 중요성: 보안 및 성능 향상을 위해 서버 코드와 클라이언트 코드를 분리해야 합니다. 🔒
  • server-only 패키지를 이용한 서버 전용 코드 관리: 빌드 시점에 클라이언트 컴포넌트에서 서버 전용 코드를 가져오는 것을 방지합니다. 🛡️
  • 서버 컴포넌트(/page.tsx)와 클라이언트 컴포넌트(/client-route.tsx)의 차이점 실습: 서버 전용 함수를 각 컴포넌트에서 사용하여 결과를 비교합니다. 💻
  • 서버 전용 함수(serverSideFunction)의 역할: 환경 변수, 데이터베이스, 민감한 정보 처리 등 서버에서만 실행되어야 하는 작업을 수행합니다. ⚙️
  • server-only 패키지 설치 및 사용법: npm install server-only 명령어로 설치 후, 서버 전용 모듈에 import serverOnly를 추가하여 보안을 강화합니다. 📦

Recommanded Videos