css 네이밍규칙

분류 기능 세부사항 비고 담당자
로그인 / 로그아웃 로그인 페이지 이메일 + 비밀번호 로그인 / 자동 로그인 옵션 제공 Spring Security 기반 인증 또는 JWT 적용 가능
로그아웃 세션 만료 또는 수동 로그아웃 처리
소셜 로그인 구글, 네이버, 카카오톡 계정으로 로그인 OAuth2.0 연동 필요
회원가입 회원가입(내담자/상담사) 이메일, 비밀번호, 이름, 연락처, 사용자 유형(내담자/상담사) 선택 비밀번호 암호화 저장, 이메일 인증 포함

내담자 상담자 가입폼 별도 | | | | 회원가입 추가정보 입력 | 생년월일, 성별, 관심 키워드, 심리 상태 선택 등 | 선택 입력 항목 추가 가능 | | | | 이메일인증 | 비밀번호, 아이디, 회원가입 | 기존 로직 재상용 | | | | 개인정보 수집/이용 동의 관리 | 동의 여부를 명확히 시각화하여 수정·철회 가능하게 함 (개인정보 보호 강화) | 주소, 치료나 처방이 아닌 상담 명시 | | | 마이페이지 | 정보 확인 및 수정 | 회원 정보 수정, 약 복용 알림 설정 등 | 비밀번호 변경 시 본인 인증 필요 | | | | 예약 내역 확인 | 예약 일시, 상담사 이름, 상담 진행 여부 확인 | 과거/예정 예약 모두 확인 가능 | | | | 심리 리포트 열람 | 설문 결과, 상담 기록, 약 복용 이력 등 시각화 제공 | 그래프 및 날짜별 조회 제공 설문조사/자기보고 점수 기반 리포트 | | | | | | | | | 상담사 관리 | 상담사 인증 신청 및 검토 | 상담사 자격증 업로드, 관리자가 수동 승인 | 승인 완료 전까지 상담 기능 제한 | | | | 상담 가능 시간 설정 | 요일, 시간대 설정 가능 | 예약 가능한 시간대로 표시됨 | | | | 상담사 이력 공개 프로필 | 상담사가 경력, 전문분야, 활동 이력을 업로드하여 사용자에게 신뢰 제공 | | | | | 상담 예약 확인 | | | | | | 상담 방 개설 | | | | | 예약 | 상담 예약 | 상담사 목록 확인 → 시간 선택 → 예약 | 중복 예약 방지, 실시간 예약 가능 여부 표시 | | | | 예약 확인/취소 | 예약 내역 확인 및 취소 가능 | 취소 시 이메일 알림 발송 | | | | 즉시 상담 시작 | 상담사 온라인 여부 확인 후 바로 상담 연결 | WebRTC 연동 필요 | | | | 예약 사유 | 예약사유를 체크박스로 카테고리 선택 | | | | 화상 상담 | 1:1 화상 상담(WebRTC) | 오디오/비디오 연결, 카메라 끄기/마이크 끄기 기능 제공 | Jitsi, Janus 등 연동 가능 | | | | 실시간 채팅 | 상담 중 텍스트 채팅 가능, 상담 종료 시 기록 삭제 설정 가능 | 상담사/내담자 모두 사용 가능 | | | | 상담 종료 후 피드백 팝업 | 상담 종료 후 사용자에게 평가/리뷰 팝업 자동 표시 | | | | | 상담 녹화 기능 (동의 기반) | 상담 내용 저장 및 상담사 복기용 (※ 사용자 동의 필수) | | | | | 그림 심리 상담(Canvas) | 사용자가 그림을 그려 전송, 상담사가 실시간 또는 이후 열람 가능 | WebSocket 또는 Canvas API 사용 가능 | | | 관리자 페이지 | 관리자 로그인 | 별도 관리자 계정 로그인 시스템 구축 | 일반 사용자와 분리된 관리자 인증 필요 | | | | 회원 관리 | 모든 회원 목록 조회, 정지/탈퇴 처리, 회원 검색 기능 포함 | 회원 필터링 및 상세 보기 기능 필요 | | | | 상담사 인증 검토 | 제출된 자격증 확인 후 승인/반려 처리 가능 | 파일 미리보기 및 승인 상태 관리 | | | | 예약 내역 전체 확인 | 전체 예약 목록 확인 및 상태 관리 가능 | 사용자/상담사 필터, 강제 취소 가능 | | | | 설문 통계 대시보드 | 설문 결과 집계 및 사용자 감정 흐름 시각화 | 차트 기반 시각화 (점수대별/기간별) 제공 | | | | 병원 정보 동기화 | 공공데이터 API를 통한 병원/상담센터 최신 정보 수동 또는 자동 갱신 | 최신화 주기 설정 가능 | | | | 공지사항 및 팝업 관리 | 공지사항 작성, 수정, 삭제 및 배너 팝업 설정 | 특정 사용자(내담자/상담사)에게만 노출 가능 설정 | | | 외부 정보 연동 | 정신건강 병원/센터 지도 표시 | 사용자 위치 기반으로 주변 진료 과목 검색 (카카오맵, 공공데이터포털 API 등 활용), 응급실 | 병원 이름, 위치, 전화번호, 운영시간 등 표시 가능 | | | | 거리순 정렬 및 길찾기 기능 | 현재 위치 기준으로 가까운 병원 정렬 및 도보/대중교통/차량 경로 안내 제공 | 지도 API 길찾기 기능 활용 (카카오/네이버 등) | | | | 검색/필터 기능 | 병원명, 진료과목, 운영 시간, 진료 분야(예: 청소년, 중독, 불안 등) 필터링 기능 제공 | 지도 마커 실시간 필터링 반영 가능 | | | | 즐겨찾기 병원 표시 | 마이페이지에서 즐겨찾기한 병원은 지도에 별 아이콘으로 강조 표시 | 로그인 필요, 즐겨찾기 등록 기능 필요 | | | | 지역 심리 프로그램 위치 연동 | 보건소/심리센터에서 제공하는 집단상담, 심리교육, 무료 검진 행사 등의 위치를 지도에 표시 | 공공데이터포털 또는 서울시 정신건강복지센터 자료 활용 가능 | | | chatbot | Q&A | Google Dialogflow(무료) 네이버 CLOVA Chatbot | "진료 시간 알려줘""병원 위치 어디에요?""예약 가능한가요?""의사 선생님은 누구 있나요?""지금 상담 가능한가요?” | | | 심리도구 | 심리 설문 제공 | 우울/불안/스트레스 진단, 객관식 문항, 결과 분석 후 추천 메시지 제공 | 설문 결과 DB 저장 가능 | |

분류 기능 세부사항 비고 담당자
마이페이지 정보 확인 및 수정 회원 정보 수정, 예약 알림 설정 등 비밀번호 변경 시 본인 인증 필요 이재원
예약 내역 확인 예약 일시, 상담사 이름, 상담 진행 여부 확인 과거/예정 예약 모두 확인 가능 이재원
심리 리포트 열람 설문 결과, 상담 기록, 약 복용 이력 등 시각화 제공 그래프 및 날짜별 조회 제공
설문조사/자기보고 점수 기반 리포트 이재원
알림 설정 약 복용 알림 시간 설정, 웹/이메일 알림 방식 선택, 예약 리마인더 설정 알림 ON/OFF 설정 가능
상담 예약 1시간 전, 당일 아침 등 사용자 지정 알림 가능 이재원
상담사 관리 상담 가능 시간 설정 요일, 시간대 설정 가능 예약 가능한 시간대로 표시됨 양지선
상담사 이력 공개 프로필 상담사가 경력, 전문분야, 활동 이력을 업로드하여 사용자에게 신뢰 제공 양지선
관리자 페이지 관리자 로그인 별도 관리자 계정 로그인 시스템 구축 일반 사용자와 분리된 관리자 인증 필요 이영교
회원 관리 모든 회원 목록 조회, 정지/탈퇴 처리, 회원 검색 기능 포함 회원 필터링 및 상세 보기 기능 필요 이영교
예약 내역 전체 확인 전체 예약 목록 확인 및 상태 관리 가능 사용자/상담사 필터, 강제 취소 가능 이영교
설문 통계 대시보드 설문 결과 집계 및 사용자 감정 흐름 시각화 차트 기반 시각화 (점수대별/기간별) 제공 이영교
병원 정보 동기화 공공데이터 API를 통한 병원/상담센터 최신 정보 수동 또는 자동 갱신 최신화 주기 설정 가능 이영교
외부 정보 연동 정신건강 병원/센터 지도 표시 사용자 위치 기반으로 주변 진료 과목 검색 (카카오맵, 공공데이터포털 API 등 활용), 응급실 병원 이름, 위치, 전화번호, 운영시간 등 표시 가능 윤태권
거리순 정렬 및 길찾기 기능 현재 위치 기준으로 가까운 병원 정렬 및 도보/대중교통/차량 경로 안내 제공 지도 API 길찾기 기능 활용 (카카오/네이버 등) 윤태권
검색/필터 기능 병원명, 진료과목, 운영 시간, 진료 분야(예: 청소년, 중독, 불안 등) 필터링 기능 제공 지도 마커 실시간 필터링 반영 가능 윤태권
즐겨찾기 병원 표시 마이페이지에서 즐겨찾기한 병원은 지도에 별 아이콘으로 강조 표시 로그인 필요, 즐겨찾기 등록 기능 필요 윤태권
지역 심리 프로그램 위치 연동 보건소/심리센터에서 제공하는 집단상담, 심리교육, 무료 검진 행사 등의 위치를 지도에 표시 공공데이터포털 또는 서울시 정신건강복지센터 자료 활용 가능 윤태권
예약 상담 예약 상담사 목록 확인 → 시간 선택 → 예약 중복 예약 방지, 실시간 예약 가능 여부 표시 윤성찬
예약 확인/취소 예약 내역 확인 및 취소 가능 취소 시 이메일 알림 발송 윤성찬
즉시 상담 시작 상담사 온라인 여부 확인 후 바로 상담 연결 WebRTC 연동 필요 윤성찬
예약 태그 기능 예약 사유 윤성찬
화상 상담 1:1 화상 상담(WebRTC) 오디오/비디오 연결, 카메라 끄기/마이크 끄기 기능 제공 Jitsi, Janus 등 연동 가능 윤성찬
실시간 채팅 상담 중 텍스트 채팅 가능, 상담 종료 시 기록 삭제 설정 가능 상담사/내담자 모두 사용 가능 윤성찬
상담 종료 후 피드백 팝업 상담 종료 후 사용자에게 평가/리뷰 팝업 자동 표시 윤성찬
상담 녹화 기능 (동의 기반) 상담 내용 저장 및 상담사 복기용 (※ 사용자 동의 필수) 윤성찬
그림 심리 상담(Canvas) 사용자가 그림을 그려 전송, 상담사가 실시간 또는 이후 열람 가능 WebSocket 또는 Canvas API 사용 가능 윤성찬
chatbot Q&A Google Dialogflow(무료)
네이버 CLOVA Chatbot "진료 시간 알려줘""병원 위치 어디에요?""예약 가능한가요?""의사 선생님은 누구 있나요?""지금 상담 가능한가요?” 양지선
심리 설문 제공 우울/불안/스트레스 진단, 객관식 문항, 결과 분석 후 추천 메시지 제공 설문 결과 DB 저장 가능 이재원
로그인 / 로그아웃 로그인 페이지 이메일 + 비밀번호 로그인 / 자동 로그인 옵션 제공 Spring Security 기반 인증 또는 JWT 적용 가능 이재원
로그아웃 세션 만료 또는 수동 로그아웃 처리 이재원
소셜 로그인 구글, 네이버, 카카오톡 계정으로 로그인 OAuth2.0 연동 필요 이재원
회원가입 회원가입(내담자/상담사) 이메일, 비밀번호, 이름, 연락처, 사용자 유형(내담자/상담사) 선택 비밀번호 암호화 저장, 이메일 인증 포함
내담자 상담자 가입폼 별도 이재원
회원가입 추가정보 입력 생년월일, 성별, 관심 키워드, 심리 상태 선택 등 선택 입력 항목 추가 가능 이재원
이메일인증 비밀번호, 아이디, 회원가입 기존 로직 재상용 이재원
개인정보 수집/이용 동의 관리 동의 여부를 명확히 시각화하여 수정·철회 가능하게 함 (개인정보 보호 강화) 주소, 치료나 처방이 아닌 상담 명시 이재원