먼치스킬 (채용 어시스턴트 관리자 페이지)

Next.js와 React Query로 구축한 채용 어시스턴트 관리자 페이지

2024.04 - 2024.05
Next.jsReactReact QueryGoogle Login
먼치스킬 (채용 어시스턴트 관리자 페이지)

프로젝트 개요

Promenade-ai를 위해 수행된 관리자 페이지 프로젝트로, Frontend 1명, Backend 1명으로 구성된 팀에서 개발했습니다.
관리자 페이지를 통한 제어 및 로그 확인을 위해 진행되었으며, 권한 분리, 로그 확인, 문제집 관리 기능을 포함하고 있습니다.

기술적 도전과 해결

1. React Query를 활용한 데이터 캐싱

빈번한 데이터 요청을 최소화하고 페이지 로딩 시간을 단축하기 위해 React Query를 도입했습니다.
효율적인 캐싱 전략을 통해 관리자 페이지의 성능을 크게 향상시켰으며, 사용자 경험을 개선했습니다.

2. Google 로그인 통합

회사 관계자만 접근할 수 있도록 Google 로그인 기능을 통합하여 보안을 강화했습니다.
OAuth 2.0 인증 프로토콜을 활용하여 안전하고 편리한 인증 시스템을 구축했습니다.

3. 세밀한 권한 분리 시스템

다양한 사용자 권한을 효과적으로 관리하기 위해 역할 기반 접근 제어(RBAC) 시스템을 구현했습니다.
민감한 데이터에 대한 접근을 제한하여 시스템의 보안성을 높였습니다.

4. 종합적인 로그 관리

관리자들이 시스템 활동을 실시간으로 모니터링할 수 있도록 로그 확인 기능을 구현했습니다.
문제 발생 시 신속한 원인 파악과 해결이 가능하도록 상세한 로그 정보를 제공합니다.

성과

  • 성능 향상: React Query 캐싱으로 페이지 로딩 시간 단축 및 빠른 사용자 경험 제공
  • 보안 강화: Google 로그인과 권한 분리로 민감한 데이터 접근 제어
  • 효율적인 관리: 실시간 로그 모니터링과 문제집 관리로 운영 효율성 증대
  • 빠른 개발 기간: 약 1개월간의 개발 기간으로 효율적인 프로젝트 진행

주요 기능

  • Google 로그인을 통한 회사 관계자 인증
  • 세밀한 권한 분리 기능으로 보안 강화
  • React Query를 활용한 효율적인 데이터 캐싱
  • 실시간 로그 확인 및 모니터링
  • 문제집 생성, 수정, 삭제 관리 기능