Project-P의 프론트엔드(Next.js) 프로젝트입니다.

• 건의사항 등록/조회/답변/삭제
• 관리자/부관리자 인증 및 권한 관리
• 실시간 진행바(서버 스트리밍)
• IP 차단/해제 및 관리
• 로그 조회 및 필터링
• 백엔드와의 안전한 통신(CORS, 세션, 쿠키)

frontend/
├── public/           # 정적 파일
├── pages/            # Next.js 라우트
├── components/       # UI 컴포넌트
├── styles/           # CSS/스타일
├── .env.example      # 환경변수 예시
├── README.md         # 프로젝트 설명
└── ...

• .env.example 파일을 .env로 복사 후, 백엔드 API 주소를 환경에 맞게 수정
• 예시:

  NEXT_PUBLIC_API_BASE_URL=https://bgchoi.pythonanywhere.com
  # 개발 환경: http://localhost:8001

• 개발: npm run dev 또는 yarn dev
• 배포: Vercel 등 Next.js 지원 플랫폼 사용

• / : 건의사항 목록 및 등록
• /admin : 관리자 기능(로그인, 답변, 삭제, 로그, IP 관리)

• 모든 API 요청은 환경변수(NEXT_PUBLIC_API_BASE_URL)에 따라 동적으로 결정
• 쿠키/세션 기반 인증 지원 (credentials: 'include')

• 환경변수 변경 시 서버 재시작 필요
• Next.js의 NEXT_PUBLIC_ prefix 변수만 클라이언트에서 접근 가능
• 관리자 기능은 백엔드 세션 인증 필요

• bgchoi1118@gmail.com