피부과 원장 전용 웨비나·자료 포털

로그인한 의료진 회원에게 최신 웨비나·자료·공지를 한눈에 보여주는 홈 화면입니다. 최근 콘텐츠 우선순위 정렬과 트리 사이드바 활성 상태를 동기화하는 홈 대시보드 구조를 구현합니다.

• React Query로 최근 콘텐츠·공지 데이터를 캐싱하고 staleTime 3분으로 재요청 빈도 조절
• 트리 사이드바와 홈 피드의 활성 카테고리 상태를 Zustand로 동기화
• Skeleton UI로 콘텐츠 로딩 중 레이아웃 시프트를 방지하는 구조 적용

트리 사이드바 내비게이션과 홈 피드 상태를 단일 스토어로 동기화하여 카테고리 전환 시 즉각적인 화면 갱신을 구현합니다.

사업자등록번호 또는 면허번호를 입력받아 의료진 여부를 검증한 뒤 가입을 완료하는 화면입니다. 인증 어댑터 패턴으로 검증 방식을 분리하고, 검증 실패 시 관리자 수동 심사 큐로 전환하는 흐름을 구현합니다.

• React Hook Form + Zod로 사업자등록번호/면허번호 형식 검증 스키마 구현
• 인증 어댑터 인터페이스로 사업자등록번호·면허번호 두 검증 경로를 추상화
• 가입 검증 실패 건을 관리자 심사 큐 테이블에 적재하는 폴백 로직 설계

인증 검증 실패 시 자동으로 관리자 수동 심사 큐로 전환되는 폴백 구조를 구현하여 인증 절차 중단 없이 처리를 이어가는 흐름을 설계합니다.

웨비나·세미나·사내강의 영상을 카테고리별로 분류하고 검색·필터로 조회하는 화면입니다. 외부 영상 서비스 임베드를 단일 인터페이스로 추상화하고, 카테고리·키워드·기간 3축 필터를 조합하는 쿼리 빌더를 구현합니다.

• 카테고리·키워드·기간 3축 필터 조합 쿼리 빌더 구현, URL 쿼리스트링과 상태 동기화
• Intersection Observer 기반 무한 스크롤로 영상 목록 페이지네이션 구현
• 외부 영상 서비스 임베드를 단일 Player 컴포넌트로 추상화하여 서비스 전환 시 설정값만 교체

외부 영상 서비스 임베드를 단일 인터페이스로 추상화하여 서비스 전환이 컴포넌트 교체 없이 설정값 변경만으로 가능한 구조를 설계합니다.

제품 리플렛 PDF와 시술 전후 사진 등 회원 전용 자료를 열람하는 화면입니다. 회원 등급별 열람 권한을 라우트·API 이중으로 검증하고, 다운로드 허용 여부를 파일 단위 설정으로 제어하는 구조를 구현합니다.

• 역할 기반 접근 제어(RBAC) 미들웨어로 라우트·API 이중 권한 검증 구현
• PDF.js 기반 인앱 뷰어로 다운로드 없이 열람만 가능한 모드 구현
• 파일별 다운로드 허용 여부를 설정값으로 토글하는 관리 구조 설계

열람 전용/다운로드 허용을 파일 단위로 토글할 수 있는 권한 체계를 구현하여 민감한 자료의 접근 범위를 세밀하게 제어합니다.