보안록
보안록은 공개된 보안 사고와 개인정보 유출 사례를 함께 기록하는 오픈소스 보안 사고 아카이브입니다.
반복되는 보안 사고를 단순한 이슈나 공포로 소비하는 것이 아니라, 어떤 사고가 발생했고 무엇을 막지 못했으며 어떻게 같은 실수를 줄일 수 있는지 학습할 수 있도록 사례 기반의 정보 구조를 구축했습니다.
누구나 홈페이지에서 보안 사고 사례를 등록할 수 있고, 등록된 내용은 GitHub Issue와 Pull Request 흐름을 거쳐 검토 후 홈페이지에 반영됩니다. 코드와 기록, 기여 과정까지 열린 구조로 운영되는 참여형 보안 기록 플랫폼입니다.
제작 기간2026. 04 - 2026. 05
고객사데브파이브
사용 기술Next.js, React, TypeScript, Devup UI, Bun, GitHub Actions
서비스
미리보기
미리보기

고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
공개된 보안 사고와 개인정보 유출 사례를 한곳에 모아볼 수 있는 아카이브 구축
2.
사고 원인·피해 규모·태그 기반으로 사례를 쉽게 탐색할 수 있는 정보 구조 설계
3.
누구나 사례를 등록하고 기여할 수 있는 오픈소스 참여 흐름 구현
4.
GitHub Issue와 PR 기반의 검토·반영 프로세스로 기록 신뢰성 강화
5.
비난이 아닌 학습을 위한 보안 사고 기록 플랫폼 제공
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.





