본문 바로가기
프로젝트/댕댕어디가

댕댕어디가 리팩토링 - #6 방문의사 페이지

by wldusdn 2025. 2. 7.

 

📌방문의사등록 기능은, 
반려동물은 잘 어울릴 수 있는 견종이나 크기가 있어서 어떤 장소에 방문할 때 그 시간에 어떤 친구들이 방문할 지 알 수 있으면 좋겠다는 의견을 듣고 만들어진 기능이다. 

해당 시설에 방문하고 싶을 때 장소 상세페이지에서 <방문하고 싶어요> 버튼을 클릭하고, 방문예정목록 페이지에서 자신이 방문할 날짜, 시간, 데려갈 반려동물을 등록할 수 있다.

만약 자신이 가려고 하는 시간대가 겹치는 경우 해당 일정 바로 옆의 방문하고 싶어요 버튼을 누르면 그 일정에 동참할 수 있고, 그 시간대에 방문하는 유저들에게 모두 알림이 간다.

자신의 방문 일정은 하단 탭의 방문일정을 누르면 볼 수 있고, 취소도 가능하도록 해놓았다.

 

이 페이지들은 이미지나 외부 api를 사용하는 게 없어서 전반적으로 리팩토링하기 전에도 점수가 높은 편인 것 같다.

우선 방문등록페이지에서 방문일정을 등록할 때 추가버튼을 누르고 등록이 완료되면 왼쪽사진처럼 등록되었다는 알림창만 띄워줬었는데, 요즘엔 로딩상태를 버튼에 표시하는 게 트렌드라고 해서 추가 버튼 옆에 로딩스피너를 추가해주었다.

UI 디자인 가이드 참고: https://brunch.co.kr/@august9/279

📌Best Practices (권장 사항)

그래도 굳이 점수를 조금 올려보자면 늘 하던 브라우저 오류만 해결해서 3점 올려보았다..!

 

로컬 점수
배포 후 점수