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

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

데브허브 커뮤니티

STOP Making These 6 Next.js Security Mistakes (Security Headers, XSS, server-only etc.)

Jan Marshal

2025. 9. 16.

0

#frontend
#backend
  • npm 패키지를 사용할 때, 최신 버전 대신 약간 이전 버전을 사용하고, 패키지 유지 관리 상태를 확인하여 보안 위험을 줄이세요 📦. 최신 기능에 대한 욕심을 조금만 버리면 안전을 확보할 수 있습니다.
  • 사용자 입력을 허용하는 경우, DOMPurify와 같은 라이브러리를 사용하여 HTML을 삭제하고 XSS 공격을 방지하세요 🛡️. 사용자로부터 안전한 HTML만 받도록 보장합니다.
  • 클라이언트와 서버 모두에서 데이터 유효성 검사를 수행하여 악성 데이터가 애플리케이션에 들어오지 않도록 하세요 ✅. Zod와 같은 도구를 사용하여 스키마를 정의하고 데이터 무결성을 유지하세요.
  • XSS 공격은 해커가 웹사이트의 취약점을 이용하여 악성 스크립트를 삽입하여 사용자 세션 쿠키를 훔치는 등의 행위를 하는 것을 말합니다 🍪. 웹사이트의 보안 취약점을 노리는 공격입니다.
  • dangerouslySetInnerHTML을 사용할 때는 DOMPurify를 사용하여 HTML을 삭제하고, 안전한 HTML만 렌더링하도록 하세요 ☢️. 잠재적인 XSS 공격을 막을 수 있습니다.
  • npm 패키지 공급망 공격은 개발자의 계정이 해킹되어 악성 코드가 패키지에 삽입되는 것을 의미하며, 이는 수많은 사용자에게 영향을 미칠 수 있습니다 🎣. 패키지 선택에 신중해야 합니다.

Recommanded Videos