오늘은 메인 페이지에 있는 버튼들을 리덕스를 이용하여 각각에 알맞는 페이지로 연결시키는 기능 부터 구현을 시작했다. 리덕스 자체는 이제 어느 정도 익숙해져서 금방 처리했고 그 이후로는 지도에 집중했다.
오후 쯤이 되서 지도 페이지를 서버와 연결해서 테스트를 했는데 다행이도 마커는 위치기반으로 잘 찍혔다. 문제는 오버레이가 마커의 개수 이상한 장소에 나와서 이 부분을 해결하는데 시간이 많이 사용했다.
처음엔 단순하게 마커안에서 다시 반복문을 돌리면 될 줄 알았는데 서버 쪽에서 받아오는 데이터가 객체였고 객체 반복문을 다시 돌려고하니 타입 스크립트 쪽에서 문제가 생겨 일단은 마커를 클릭 했을때 마커 안에 담겨있는 정보들을 리덕스로 보내고 오버레이에 관한 정보를 다시 리덕스에서 가져오는 식으로 해결했다. 리덕스를 자주 사용하는 건 좋지 않다고 봤었는데 요즘 안되는 것이 있다면 리덕스로 해결하는 것 같다. 이 부분은 리팩터링 할 때 다시 한번 보면서 수정 할 수 있다면 리덕스를 사용하지 않는 방식으로 해야겠다. 그 이후로는 지도를 로딩 할 때 본인 위치를 가지고 오는 것이 느려서 홈페이지가 렌더링 될 때 본인 위치를 가져오는 것으로 변경해서 지도으 로딩 속도를 늘렸다.
디자인이 얼른 나와야 할텐데 아직까지 내가 맡은 페이지에서는 나오지 않아서 조금 걱정이다 27일날 중간 발표날까지 맞추려면 빠듯할거 같은데 뭐 일단은 조금 기다려 봐야겠다.
프론트엔드 개발자