[CREATE] Day10 이나경 95 card onclick 연결 - Githubissues

RollingPaperTeam / rolling-papaer-web

Apache License 2.0

1 stars 1 forks source link

[CREATE] Day10 이나경 95 card onclick 연결 #101

Closed nakyoung98 closed 8 months ago

nakyoung98 commented 8 months ago

이 PR은 어떤 유형인가요?

[x] 리팩터링
[x] 기능
[ ] 버그 수정
[ ] 최적화
[ ] 문서 업데이트

설명

Card onClick Prop 추가

Card 내에 cardBlockOnClickHandler 함수에서 onClick 실행
cardBlockOnClickHandler를 CardBlock의 onClick에 전달

Card saveCardDataFunc Prop 추가

Card 내 cardBlockOnClickHandler 함수에서 cardData가 있을 시 saveCardDataFunc(cardData) 콜백 실행

데이터 없는 Card 클릭 핸들러

message 페이지로 이동

데이터 있는 Card 클릭 핸들러

modal visible 처리
cardData modal에 전달

Modal 버그 수정

z-index : -1 설정
- body의 맨 뒤에 modal이 위치하여 modal이 가려짐
외부 스크롤이 되는 오류 해결
- useEffect 및 preventDefault 함수로 스크롤 제어
- overscroll-behavior: contain; 사용하여 스크롤 체이닝 방지

관련 티켓 및 문서

Related Issue #95
Closes #95

스크린샷, 녹화

변경사항을 테스트하는 방법, 테스트에 사용된 기기 및 브라우저, UI 변경에 대한 관련 이미지 등에 대한 지침을 이곳에 기재해 주세요.

UI 접근성 체크리스트

UI 변경 사항이 있는 경우, 이 체크리스트를 활용하세요:

[ ] Semantic HTML 구현?
[ ] 키보드 조작이 지원?
[ ] axe DevTools를 사용하여 Critical 및 Serious 문제를 확인하고 해결했나요?

[선택사항] 이 PR을 가장 잘 설명하는 GIF는 무엇인가요?

giphy (7)