프로젝트: 전문가용 보안 정보 사이트

1. 프로젝트 개요

목표: 특정 전문가 그룹을 대상으로 NICE 본인인증, 카카오/전화번호 인증, eFormSign을 통한 NDA 서명을 완료한 사용자에게만 정적 콘텐츠를 안전하게 제공하는 웹사이트를 구축합니다.
핵심 특징: 강력한 인증 절차와 접근 제어를 통해 인가되지 않은 사용자의 정보 접근을 원천 차단합니다.

프론트엔드: React, Vite
인증:
- NICE 본인인증 API 연동
- 카카오톡 또는 SMS 인증 API 연동
전자서명: eFormSign API 연동
알림: 카카오톡 또는 SMS 발송 API 연동
백엔드: 인증 및 알림 처리를 위한 최소한의 백엔드 또는 서버리스 기능 (예: Firebase Functions, AWS Lambda)이 필요할 수 있습니다.

Phase 1: 프로젝트 초기 설정 및 기본 구조
- Vite + React 프로젝트 생성
- 기본 라우팅 설정 (랜딩, 로그인, 콘텐츠 페이지)
- UI 레이아웃 및 기본 컴포넌트 설계
Phase 2: 인증 흐름 구현
- NICE 본인인증 연동 모듈 개발
- 카카오톡/SMS 인증 연동 모듈 개발
- 인증 상태 관리를 위한 전역 상태 관리 (Context API 또는 Redux/Zustand) 도입
Phase 3: NDA 전자서명 연동
- eFormSign API 연동 및 서명 프로세스 구현
- 서명 완료 여부 상태 관리
Phase 4: 콘텐츠 접근 제어
- 인증 및 NDA 서명 상태에 따른 Private Route 구현
- 인증되지 않은 사용자의 리소스 접근 시 로그인 페이지로 리디렉션
Phase 5: 알림 기능 구현
- 백엔드 또는 서버리스 환경에서 알림 발송 로직 개발
- 특정 이벤트 발생 시(예: 콘텐츠 업데이트) 사용자에게 알림 발송
Phase 6: 테스트 및 배포
- 전체 인증 및 접근 흐름에 대한 통합 테스트
- 정적 웹사이트 호스팅 및 백엔드 배포