TIL - 18주차, 금요일

TIL 124일차

4주 프로젝트 10

4주 프로젝트 10일차

• 조급해하지 말고 천천히 진행하기 > 조급한 생각이 들면 잠시 큰 숨 한번 쉬기 (제발)
  
• 피드 작성 페이지 틀을 먼저 설계 해놓기
  
• 피드 작성 페이지에서 사용하게 될 위치 정보 반영 관련 내용 찾아보기
  

한결아, 이제 시간을 조금 더 많이 투자하자. 생각하는 것이 깊어지고 늘어나기 위해서는 너가 더 조급해하지 않기 위해서는 충분한 시간을 투자하는 것이 가장 중요하지 않을까 한다.

내가 새벽같이 일어나서 토나오는 말을 적은 것 같다. 그래도 매일을 각성한 상태로 달리고 있기 때문에, 스스로에게 계속 무언가 다짐을 새기는 과정은 정말 중요한 것 같다. 집중을 하고 내가 원하는 바를 이루기 위해서 열심히 해야 한다는 정신 상태를 갖출 수 있게 도와준다.

🦄 Today’s Key

• 새벽에 일어나서 피드 작성 페이지의 틀을 미리 설계했다. 1차 프로젝트에서 createWave 페이지와 많이 닮은 것은 내 착각일까? 이제 styled-component로 컴포넌트의 레이아웃을 잡는 것은 정말 쉽게 잘 되는 것 같다..
• 아침 조회 시간에 잠이 쏙 들어갈만큼 대성님의 명쾌한 모듈 사용 방법 강의가 있었다. 같은 문제를 이 방법, 저 방법 고민해보는 대성님의 자세를 정말 배우고 싶었다. 그리고 다양한 방법을 생각할 수 있을 만큼 노력한 대성님의 모습도 크게 보였다. 정말 배울점이 많은 동기님이다. 👍🏼
• 피드 에디터 관련해서 서우님과 이야기를 마치고, React-quill 에디터를 본격적으로 사용하기로 정했다.
• 카카오 맵 api를 이용해서 지도에 마커를 그리고, 검색한 데이터를 지도에 반영하는 부분을 공부했다. 저녁 10시쯤이 되어서야 내가 원하는 방향으로 설정되었다. 사실 처음 방법에서 정말 조금만 변경점을 주면 되는 부분이었다.

let bounds = new window.kakao.maps.LatLngBounds();
for (let i = 0; i < data.length; i += 1) {
  displayMarker(data[i]);
  bounds.extend(new window.kakao.maps.LatLng(data[i].y, data[i].x));
}
map.setBounds(bounds);

위의 코드대로 하면 검색된 데이터를 하나씩 마커 객체로 변경하여 지정된 바운더리에서 마커를 생성하게 된다.