이 문제의 저작권은 주식회사 비바리퍼블리카에 있으며, 지원자는 오로지 채용을 위한 목적으로만
이 문제를 활용할 수 있습니다. 이 문제의 전부 또는 일부를 공개, 게재, 배포, 제3자에게
제공하는 등의 일체의 “누설 행위”에 대해서는 저작권법에 의해 민・형사상의 책임을 질 수 있습니다.
이 “누설 행위"에는 문제의 문구를 변형하여 그 취지를 알 수 있도록 하는 경우도 포함됩니다.
과제를 시작하기 전 유의사항
앞 단계의 문서를 충분히 확인한 뒤 시작해주세요.
[현재 문서] 주간 상담 예약 일정표 기본 기능 소개서비스 개요
상담사를 위한 주간 상담 예약 일정표 서비스입니다.
특정 주간의 타임 테이블을 보여주며, 각 시간대 별로 세부 예약 목록을 조회할 수 있습니다.
기능 목록
주간 상담 예약 일정표 조회
http://localhost:5173/ 로 접근하면 주간 상담 예약 일정표를 볼 수 있습니다.
요일 별로 9시부터 18시까지의 타임테이블을 시간 단위로 나누어 보여주고, 각 시간마다 몇 건의 예약이 있는지 표시해줍니다.
시간대 별 세부 예약 목록 조회
일정표에서 각 셀에 표시된 건수 텍스트를 클릭하면 해당 시간대의 세부 예약 목록을 확인할 수 있습니다.
목록에서는 예약자의 이름과 예약 상태가 출력됩니다.
프로젝트 구조
📦src
┣ 📂components
┣ 📂hooks
┣ 📂models
┣ 📂pages
┣ 📂remotes
┗ 📂server
┣ 📂data
┃ ┗ 📜schedules.ts (서버 응답 예시)
┗ 📜handlers.ts (서버 API 예시)
Plain Text
복사
이어서
본격적으로 김토스님이 구현한 예약 추가/취소 기능을 살펴봅시다. 아래에 노란색으로 강조된 링크를 따라 이동해주세요.
주간 상담 예약 일정표 기본 기능 소개