데브허브 | DEVHUB | HTTP Secure Headers for Web App Security | CORS, CSP, HSTS and moreHTTP Secure Headers for Web App Security | CORS, CSP, HSTS and more
- HTTP 보안 헤더는 백엔드 보안만큼 중요한 프론트엔드 보안 강화 기법입니다. 🛡️
- CSP(Content Security Policy)는 스크립트, 스타일, 자산 로드 출처를 화이트리스트 방식으로 지정하여 XSS 공격을 방지합니다. 📜
- CSP는
report-only 모드를 통해 실제 차단 없이 위반 사항을 로깅하여 안전한 테스트를 가능하게 합니다. 🧪
- HSTS(HTTP Strict Transport Security)는 브라우저가 항상 HTTPS를 사용하도록 강제하여 초기 HTTP 연결 시 발생할 수 있는 중간자 공격을 차단합니다. 🔒
X-Content-Type-Options: no sniff 헤더는 브라우저의 MIME 스니핑을 방지하여, 선언된 파일 타입과 다른 악성 스크립트가 실행되는 것을 막습니다. 👃
Referrer-Policy: strict-origin-when-cross-origin는 교차 출처 요청 시 전체 URL 대신 도메인만 전송하여 민감한 사용자 정보 유출을 방지합니다. 🤫
- CORS(Cross-Origin Resource Sharing)는 백엔드 API에 접근할 수 있는 도메인과 허용되는 HTTP 메서드를 명시적으로 제어하여 무단 접근을 막습니다. 🚪
- Permissions Policy는 웹사이트가 위치 정보, 카메라, 마이크 등 브라우저 기능을 사용할 수 있는 권한을 세밀하게 제어하여 보안 취약점을 줄입니다. 🎤
- 이러한 보안 헤더들은 앱 로직 변경 없이 브라우저 수준에서 조용히 작동하며, 사용자 경험에 영향을 주지 않고 앱의 안전성을 크게 향상시킵니다. ✨