Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Feat[#18] 마이페이지 - 예약 현황 캘린더/리스트 구현 #205

Merged
merged 50 commits into from
Mar 27, 2024
Merged

Feat[#18] 마이페이지 - 예약 현황 캘린더/리스트 구현 #205

merged 50 commits into from
Mar 27, 2024

Conversation

CheeseB
Copy link
Contributor

@CheeseB CheeseB commented Mar 26, 2024 •
edited
Loading

관련 문서

유형

  • 기능 구현
  • UI 구현
  • 리팩토링
  • 버그 해결
  • 문서 업데이트
  • 기타( )

작업 내용

  • [마이페이지]예약 현황 캘린더/리스트 구현

설명

📌 기능

  • 달력 기능 구현
  • 리스트 기능 구현
  • 태블릿 사이즈 이하부터 리스트로 바뀌도록 구현
  • 월별 예약 현황 표시 기능 구현
  • 스케줄 관련 타입 및 유틸함수 추가

📌 UI

  • 월별 캘린더 UI 구현
  • 월별 스케줄 리스트 UI 구현

스크린샷

🎥 모션 영상

localhost_3000_mypage.-.Chrome.2024-03-27.10-17-11.online-video-cutter.com.mp4

📸 디바이스별 스크린샷

image

image

리뷰 요구사항

@CheeseB CheeseB added 기능 구현 기능 구현 UI 구현 UI 구현 labels Mar 26, 2024
grapefruit13
grapefruit13 reviewed Mar 26, 2024
View reviewed changes
src/components/calendar/index.tsx Outdated Show resolved Hide resolved
src/components/calendar/index.tsx Outdated Show resolved Hide resolved
src/components/mypage/ReservationStatus/index.tsx Outdated Show resolved Hide resolved
@CheeseB CheeseB changed the title Feat[#18] 마이페이지/예약 현황 캘린더 구현 Feat[#18] 마이페이지 - 예약 현황 캘린더/리스트 구현 Mar 27, 2024
grapefruit13
grapefruit13 reviewed Mar 27, 2024
View reviewed changes
src/components/calendar/CalendarBody/index.tsx Outdated Show resolved Hide resolved
src/components/calendar/ListBody/index.tsx Outdated Show resolved Hide resolved
src/components/calendar/ListCard/ListCard.tsx Outdated Show resolved Hide resolved
@CheeseB CheeseB added the 🎉 수정 완료 수정 완료 label Mar 27, 2024
designsoo
designsoo approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@designsoo designsoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

grapefruit13
grapefruit13 approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@grapefruit13 grapefruit13 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

grapefruit13
grapefruit13 approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@grapefruit13 grapefruit13 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

ccwnc
ccwnc approved these changes Mar 27, 2024
View reviewed changes
Copy link
Contributor

@ccwnc ccwnc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@CheeseB
feat: 스케줄 관련 타입 추가
d0e51cd
@CheeseB
feat: 월별 스케줄 모킹 데이터 추가
dd2add7
@CheeseB
feat: 달력에 표시할 스케줄 Badge 컴포넌트 추가
a2dd72e
@CheeseB
feat: 모킹 데이터로 캘린더 스케줄 표시 구현
3af2641
@CheeseB
fix: 유틸함수 index 파일 충돌 해결
f8285e5
@CheeseB
fix: 유틸함수 index 충돌 해결
8377841
@CheeseB
feat: 모킹 데이터 변경
1f01eed
@CheeseB
refactor: box-shadow 대신 outline 사용
79c82a0
@CheeseB
feat: 요일 구하는 유틸함수 추가
c91a1d1
@CheeseB
feat: 요일 상수 추가
2b183d8
@CheeseB
feat: 예약 현황 리스트 구현
c738250
@CheeseB
feat: 예약 내역이 있는 스케줄만 cursor pointer 적용
8f9395e
@CheeseB
feat: 날짜별 예약내역 모킹 데이터 추가
6b1202b
@CheeseB
feat: 예약 내역 모킹데이터 추가
55e4a4c
@CheeseB
feat: 캘린더/리스트 클릭 이벤트 추가 - 클릭한 날짜 반환
8cd3900
@CheeseB
refactor: 코드리뷰 반영
bb4860d
@CheeseB
fix: 캘린더 뱃지에 Pretendart 폰트 적용
c18ded0
@CheeseB
fix: 캘린더 요일 폰트 스타일 수정
c7c0525
@CheeseB
refactor: 리스트 카드 컴포넌트 파일명 index로 수정
268be94
@CheeseB
feat: 리스트 카드 hover 했을때 글자 색도 변하도록 수정
9d95083
@CheeseB
feat: 리스트 hover 할때 마지막 요소에만 border radius 적용
573d3b7
@CheeseB
feat: 리스트 데이터 없을때 EmptyCard 표시
d8d52ab
@CheeseB
feat: MONTH, DAYS 상수 삭제하고 유틸함수에서 문자열 받아오도록 수정
1157aea
@CheeseB
feat: 리스트 내부 empty card에 padding 추가
bab4e22
@CheeseB
fix: 날짜 1일씩 밀리는 오류 해결
6e97487
@CheeseB
feat: 캘린더 background 일요일만 검정색으로 수정
f172c0e
@CheeseB
feat: Operation Button 오류 수정
e31ccda
@CheeseB CheeseB merged commit 3bd23d4 into dev Mar 27, 2024
@CheeseB CheeseB deleted the feat/mypage/seongyeon branch March 27, 2024 13:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@ccwnc ccwnc ccwnc approved these changes

@grapefruit13 grapefruit13 grapefruit13 approved these changes

@designsoo designsoo designsoo approved these changes

Assignees

@CheeseB CheeseB

Labels
UI 구현 UI 구현 기능 구현 기능 구현 🎉 수정 완료 수정 완료
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Feat: 예약 현황 캘린더 구현
4 participants
@CheeseB @designsoo @grapefruit13 @ccwnc