본문 바로가기

분류 전체보기179

210808(일) - 지도 완성 1. 지도 완성 1. 지도 완성 svg를 단순하게 이용하려 했는데, 이런 방법으로는 데이터의 값에 따라 유동적으로 svg를 구성할 수 없었다. 결국 svg를 컴포넌트화 했다. 어쩌면 이렇게 되는 게 당연한 수순인데, 내가 몰랐던 것 같기도 했다. 데이터는 map으로 순회하여 표현했는데, 지도 부분과 지역 위에 나타나는 네모 박스를 한 번에 해결하고 싶었다. 이 부분은 svg를 표현할 때 가장 바깥을 svg 태그로 감싸야 했기 때문에 결국 다음과 같이 분리해서 코드를 구현할 수 밖에 없었다. 지도 설명 박스 부분은 각 지역에 따라서 직접 위치를 설정했고, 마우스를 올리거나 뗄 경우 색이 변해서 사용자가 쉽게 인지할 수 있도록 했다. 이와 같은 기능은 지도svg에도 같이 적용하여, 지도 상에서 지역이나 설명.. 2021. 8. 8.
210807(토) - 지도 만드는 방법 서치 1. 지도 만드는 방법 서치 1. 지도 만드는 방법 서치 지도 만드는 방법에 대해서 찾아봤다. svg를 활용해야 하는 정도만 알아서, 처음엔 우리나라 지도 svg를 구해서 어찌어찌해보려고 했다. svg 자체 속성으로 onMouseOver와 onMouseLeave가 있다는 것을 알아서 아래 gif와 같은 정도까지 만드는 것까지만 하니 하루가 지나갔다ㅠ 2021. 8. 8.
210806(금) - 협업 논의 1. 협업 논의 1. 협업 논의 요즘 각자 할 일을 가지고 가서 다음 날까지 해오는 방식으로 팀플을 진행하고 있다. 오전에 전 날 저녁 이후로 했던 작업들의 결과를 같이 확인하고 다시 할 일을 분배한 후, 팀 결산 및 회고 이후에 확인하는 방식으로 진행되고 있다. 코어 시간(오전 10시 이후 오후 17:40 이전)에 카톡이나 줌을 통해서 논의가 필요한 부분은 수시로 진행하고 있지만, 개인적으로 지친 건지 시간이 나면 쉬고 쉽다는 생각이 자주 들었다. 또한 각자가 할 일이 조금씩 많아지면서, 서로의 코드에 대해 조금씩 모르는 부분이 생기고 있지 않나 하는 생각이 들었다. 그래서 일단 중간마다 점검하는 시간을 갖기로 했다. 이 부분은 개인적으로 프로젝트를 진행하면서 풀어지는 것을 방지하기 위해서 제안했고, .. 2021. 8. 6.
210805(목) - 페이지 이름 수정, 마이 페이지(내가 쓴 글, 댓글 단 글, 좋아요 누른 글) 레이아웃 구현 1. 페이지 이름 수정 2. 마이 페이지(내가 쓴 글, 댓글 단 글, 좋아요 누른 글) 레이아웃 구현 1. 페이지 이름 수정 페이지의 네이밍 중에서 '좋아요 표시한 글'이 '좋아요 누른 글'로 변경되었다. 기존의 명확성과 간결성, 통일성을 고려해서 생각한 이름이었는데, 결과적으로는 훨씬 마음에 든다. 글자 수가 줄어들어 다른 네이밍들과 격차가 줄었고, 이전보다 부드러운 느낌을 준다는 점이 마음에 든다. 또한, 내가 글 '쓰고', 댓글을 '달고', 좋아요를 '누르는' 등 행위가 담겨 있어서 통일성도 함께 가져갈 수 있다는 생각이 든다. 2. 마이 페이지(내가 쓴 글, 댓글 단 글, 좋아요 누른 글) 레이아웃 구현 일단 UX Writing이 수정되었다. 메뉴 중에서 좋아요 내가 쓴 글, 댓글 단 글, 좋아요.. 2021. 8. 5.

티스토리툴바