part4-1st-team / coworkers

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

feat/#134 리스트 페이지 리팩토링 & UI 개선 #135

Closed mxkxx1011 closed 5 days ago

mxkxx1011 commented 5 days ago

😎 담당자

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

룰루 최민경

🧩 이슈 번호

이슈 번호 적어주세요

✨ 작업 내용

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

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

XXX

📸 스크린샷 또는 GIF

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

변경된 UI

스크린샷 2024-09-26 오전 3 10 39

모바일 기준 UI

스크린샷 2024-09-26 오전 3 35 16

+ 아이콘으로 변경한 대신 hover 시 툴팁이 표시돼서 사용자에게 어떤 동작인지 가시적으로 표현

스크린샷 2024-09-26 오전 3 10 56

데이터를 불러오지 못하더라도 이런 ui는 고정으로 남아있음

스크린샷 2024-09-26 오전 3 13 39

✍🏻 참고사항

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

컴포넌트를 분리해서 로딩 되는 ui가 많이 안 보이도록 했습니당

스크린샷 2024-09-26 오전 3 16 22

기존에 이런느낌으로 화살표 아이콘으로 날짜를 변경하는게 사용자에게 직관적일까요?

현재는 이렇게 선택한 날짜가 가운데로 오고 왼쪽 오른쪽은 선택 날짜 기준으로 전날 다음날이 표시 됩니당

https://github.com/user-attachments/assets/4e3e99e8-1229-48b8-bc14-672d14f371cd

컴포넌트를 많이 분리하고 수정해서 파일 체인지가 좀 많습니다 ㅎ ㅎ..


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

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

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

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

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

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

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

netlify[bot] commented 5 days ago

Deploy Preview for coworkers-1 failed. Why did it fail? →

Name Link
Latest commit 7e8e1ee4a75fccc74e591011f8885ed4733ce7e9
Latest deploy log https://app.netlify.com/sites/coworkers-1/deploys/66f4f5c14170670008a9d78a