Project/jigu-tory

#14 : Marker & Mypage

heesue 2021. 7. 5. 22:10

1. Map - Marker

 카카오 지도 API에서 기본으로 제공하는 파란색 마커를 사용했었는데 조금 더 눈에 잘 보이고 포인트가 되면 좋을 것 같아 새로운 디자인의 마커로 이미지를 추가했다! 기존에 forEach문 안에 이미지 코드를 추가하면 돼서 어렵지는 않았다.

 인포윈도우 부분을 마우스를 올렸을 때도 띄우고 클릭해도 뜨도록 하고 싶었다...그리구 CSS도 추가해서 커스텀하고 싶었는데 잘 해결되지 않아 찾아보니 오버레이를 이용해야 하고 인포윈도우는 딱 고정된 느낌이라는 것을 알게 돼서ㅠㅠ 낼부턴 지도 코드를 다시 수정해야 할 것 같다.


2. Mypage

 어제 정말 기초적인 것만 해두어서 오늘 display: flex와 justify-content 등을 이용해 가운데 정렬을 하고 위치를 잡아놓았다. 최대한 다 flex를 이용하기 위해 이리저리 div로 감쌌다ㅋㅋㅋ 그 다음에 flex-direction이랑 가운데 정렬을 이용해 마무리했다!


오늘로 벌써 2주가 됐는데 시간이 빠르기도 하고...아직 할 게 많은데 뭔가 예전 걸 수정할 것도 있고 하다보면 지도나 로그인, 회원가입에서 이 부분은 이렇게 고쳐야겠다 싶은 부분들이 많아서 앞으로 많이 나아가지 못하는 거 같기도 하다. 덕분에...같이 프론트엔드 개발을 하시는 현수님과 노션에 끊임없이 어드밴스드를 적고 있다ㅋㅋㅋㅋ 할수록 욕심나는 부분도 많고 실제로 사용한다면 이게 더 편하겠지? 라는 생각을 하게 돼서 그런 것 같다. 어쨌든 마이페이지도 언능 끝내고 반응형도 하고 상점도 끝내고..노션에 어드밴스드까지 잘 마무리하고 싶다 :)

'Project > jigu-tory' 카테고리의 다른 글

#16 : 회원정보 & 뱃지  (0) 2021.07.07
#15 : 새로고침  (0) 2021.07.07
#13 : 마이페이지 시작  (0) 2021.07.05
#12 : 검색 카테고리  (0) 2021.07.04
#11 : 회원가입 오류 메시지  (0) 2021.07.04