24/2/1 트러블슈팅(final project)

🛠 트러블 슈팅

배포환경에서 CSS가 일부 적용이 되지 않는 현상

여러 운영체제(window, mac os)와 브라우저(크롬, 엣지)에서 접속해보면서 다양한 환경에서도 문제 없이 작동되는지 확인

내 주변 모음 검색 시 다른 지역이 검색되는 현상

디폴트 값을 강남구(스파르타 기준)로 위도 경도 설정

카카오 API의 과도한 호출

사이트 첫 접속 시 각 카드 당 카카오 api가 모두 한번씩 호출됨에 따라 랜더링 시간이 과도하게 늘고 결국 서버량 초과. 427 에러 발생 → 착한가격업소 api에서 제공하는 주소를 카카오 api 주소로 변환하는 과정이 있었음. 이를 상세페이지에서 한번만 변환하는 것으로 변경했고 이에 따라 초기 호출량이 현저하게 줄어듦

최초 접속 시 1회 새로고침을 해야 랜더링 되는 현상

전체적인 비동기 통신을 줄여서 랜더링 속도를 빠르게 개선함으로써 해결

맵으로 보기 버튼이 눈에 띄지 않음

우리 사이트의 메인 기능인 내 주변 매장을 지도에 마커로 찍어주는 버튼이 눈에 잘 띄지 않다는 의견 → 다른 버튼들과 차별성을 두기 위해 다른 색으로 변경하고 중간에 배치함으로써 UX 향상

메인 페이지 콘텐츠가 모바일 환경일 때 사용자를 고려하지 않은 과도한 스크롤 현상

기존 PC 버전에 그리드 형식이었던 시스템을 모바일 환경에서는 모바일 UX에 더 친숙한 가로 스크롤 시스템으로 변경하여 과도한 스크롤을 개선