220514_팀프로젝트 6일차 회고록 - git issue 해결 및 kakao 지도 클릭시 위치로 이동

1. git issue 해결

정말 다행히도 어제 발생한 git issue를 해결했다.
생각보다는 간단한 문제였지만 작업파일을 날릴 수도 있는 작업이였다.

즉 문제가 됬던 시점 이전으로 돌아가는 것이였다.

1. git log --oneline으로 git log들을 불러온다
2. git reset --hard log번호로 시점을 되돌리고
3. git push -f origin branch네임으로 push를 해준다.

이러면 작업한 시점 이전으로 되돌아가게되고 git이 다시 올라간다.
이 방법을 사용하게 되면 진짜 시점으로 돌아가게 되므로 반드시 동료들과 상의를 해야한다.

아직 초반이기에 작업한 파일들이 많지 않아 되돌릴 수 있었다.

이 issue를 해결하기 위해 많이 검색을 해봤고 git에 대해서 이해할 수 있는 시간이 되었다.

참고 https://jupiny.com/2019/03/19/revert-commits-in-remote-repository/

2. kakao 지도 api 클릭시 위치 이동

지도를 이동시키기 위해서 필요한 코드는

// 마커리스트 이동
         const moveMap = function setCenter() {
        // 이동할 위도 경도 위치를 생성합니다
           const moveLatLon = new window.kakao.maps.LatLng(
            33.452613,
            126.570888
          );

          // 지도 중심을 이동 시킵니다
           map.setCenter(moveLatLon);
        };

이를 단독으로 적용시킬 수 없기에 저번 시간에 했던

function displayMarker(place) {
          // 마커를 생성하고 지도에 표시합니다
          const marker = new window.kakao.maps.Marker({
            map: map,
            position: new window.kakao.maps.LatLng(place.y, place.x),
          });
          // 마커에 클릭이벤트를 등록합니다
          window.kakao.maps.event.addListener(
            marker,
            "click",
            function (mouseEvent) {
              // 마커를 클릭하면 장소명이 인포윈도우에 표출됩니다
              setTest(place);
              infowindow.setContent(`안녕하세요`);
              infowindow.open(map, marker);
              const moveLatLon = new window.kakao.maps.LatLng(place.y, place.x);
              map.panTo(moveLatLon);
            }
          );
        }

에 등록을 하여 작성하였더니 깔끔하게 이동하는 모습이 보였다.

카카오 api를 활용하여 지도를 조작하면서 카카오지도에 대해서 이해하는 시간이 되었다.