part4-1st-team / coworkers

스프린트 7기 part4 프로젝트
1 stars 4 forks source link

style: 랜딩 페이지 애니메이션 추가 #212

Closed mxkxx1011 closed 1 month ago

mxkxx1011 commented 1 month ago

😎 담당자

앞에 형용사 붙여주세요 ~~ ex) 귀여운 OOO

🧩 이슈 번호

이슈 번호 적어주세요

✨ 작업 내용

작업한 내용을 설명해주세요

💡 이번 pr을 올리기 전에 받은 피드백이 있나요? (있으면 체크리스트 작성)

📸 스크린샷 또는 GIF

ui 컴포넌트 개발, 페이지 퍼블리싱을 했다면 스크린샷도 올려주세요

스크린샷 2024-10-08 오전 2 09 44

이미지가 가득 차차지 않는 약간 다른 부분이 있어 레이아웃 살짝 수정했고, framer-motion과 스크롤 감지 훅을 통해서 해당 컴포너늩가 보일때마다 애니메이션이 계속 재생되도록 수정 모바일 에서 모달이 길어지면 닫기 불편한 상황이 있어서 모달 최대 길이 설정하고 overscroll-auto 추가

✍🏻 참고사항

팀원들이 참고해야할 부분이 있다면 적어주세요


코드 리뷰 남길때 참고용 (pr 작성할 때 지우지 말기)

P1: 꼭 반영해주세요 (Request changes) - 리뷰어는 PR의 내용이 서비스에 중대한 오류를 발생할 수 있는 가능성을 잠재하고 있는 등 중대한 코드 수정이 반드시 필요하다고 판단되는 경우, P1 태그를 통해 리뷰 요청자에게 수정을 요청합니다. 리뷰 요청자는 p1 태그에 대해 리뷰어의 요청을 반영하거나, 반영할 수 없는 합리적인 의견을 통해 리뷰어를 설득할 수 있어야 합니다.

P2: 적극적으로 고려해주세요 (Request changes) - P2에 대해 수용하거나 만약 수용할 수 없는 상황이라면 적합한 의견을 들어 토론할 것을 권장합니다.

P3: 웬만하면 반영해 주세요 (Comment) - P3에 대해 수용하거나 만약 수용할 수 없는 상황이라면 반영할 수 없는 이유를 들어 설명하거나 다음에 반영할 계획을 명시적으로 표현합니다.

P4: 반영해도 좋고 넘어가도 좋습니다 (Approve) - 해당 의견을 반영하는 게 좋을지 고민해 보는 정도면 충분합니다

P5: 그냥 사소한 의견입니다 (Approve) - 아무런 의견을 달지 않고 무시해도 괜찮습니다

PQ: 질문입니다 (Question) - 질문에는 꼭 답을 해주세요

netlify[bot] commented 1 month ago

Deploy Preview for coworkers-1 ready!

Name Link
Latest commit fa6e5e9a577cdc266cf53e65a7d47baba0f691f6
Latest deploy log https://app.netlify.com/sites/coworkers-1/deploys/6704164c1a03220008e6f017
Deploy Preview https://deploy-preview-212--coworkers-1.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.