Frontend

Frontend Skill

RSC 보안 (필수)

금지 패턴

1. Server Action에서 전체 객체 반환 금지

   • BAD: return user
   • GOOD: return { id: user.id, displayName: user.displayName }

2. Closure에서 민감 데이터 캡처 금지

   • 환경변수, DB 결과 등이 직렬화되어 클라이언트로 전송될 수 있음

3. 인라인 Server Action 지양

   • src/actions/ 폴더에 별도 파일로 분리

Server Action 규칙

src/actions/
├── project.ts    # "use server" 상단 선언
├── chapter.ts
└── auth.ts

• 입력 검증 필수
• try-catch로 에러 처리
• 구체적 에러는 로깅만, 클라이언트에는 일반 메시지

서버/클라이언트 분리