CyberTwin

이야기

고급 웹 수업(Efrei, LSI 1)의 프로젝트를 둘이서 진행했습니다. 제가 프런트엔드를, 파트너가 백엔드를 맡았습니다. 가상의 기업 NEOGINIX가 공통 소재입니다: 기업 정보, 여섯 종류의 자산, 심각도별 취약점, 그리고 맞춤 권고가 포함된 0~100점의 점수.

화면 쪽에서는 CSS 변수 기반 디자인 시스템, 유지되는 다크 모드, 애니메이션되는 플로팅 내비게이션 바, 마우스에 반응하는 매트릭스 격자 메인 페이지(다크에서는 인광 녹색, 라이트에서는 슬레이트 블루)를 공들여 만들었습니다.

대시보드에는 KPI, 히스토그램, 도넛 차트, 위험 게이지가 표시됩니다. 최종 보고서는 구조화된 실제 PDF로 내보낼 수 있습니다.

여기서 얻은 것

안정적인 API 계약을 중심으로 프로젝트를 둘이서 나누고, 화면을 컴포넌트 더미가 아닌 진짜 디자인 시스템으로 다루기.