반응형 프로젝트/코드스테이츠 - 4주프로젝트28 시간이 부족할것 같아 미리 해놓은 작업 기록,4주 프로젝트 + 7, 코드스테이츠 +131 이번 월화수목금동안 SR을 했다. 저번 2주프로젝트에서 시간이 부족했기 때문에, 이번 SR기간에는 시간이 날때마다 내가 구현해야할 기능들을 조금씩 미리 작성하고 있었다. SR기간동안 TourAPI사용법을 익혔고, 아래 프로토타입의 페이지를 미리 구현해보았다. 서버가 필요한 DB에서 자료받고, 해시태그 받는 기능외에는 얼추 완성해놓은것같아 다행이다. 어제는 아래와 같이 클릭한지점의 반경 10km에 있는 관광지들이 지도에 표시되는것까지 했다. 오늘은 그 관광지들을 밑에 리스트형태로 렌더링하고, 마커클릭시 관광지의 정보가 나오도록했다. 리스트는 배우기만하고 사용은 별로 안해서 익숙하지 않았던 styled-component를 써봤다. 점점 prototype에 가까워지고 있다. 이 부분만 따로 만들어놓은 레포지토.. 2021. 11. 28. 지도 페이지 미리 작업중: tourAPI와 카카오맵 연동시킴,4주 프로젝트 + 6, 코드스테이츠 +130 그동안 SR을 하며 시간날때마다 관광지 tourAPI와 카카오맵을 연동하는 방법을 연구했다. 카카오맵과 TourAPI를 이용한 지도 클릭한 지점 반경 10km의 관광지들을 표시, 2주프로젝트때 사용했던 검색기능 유지 1. 로딩화면 2. 지도에 클릭들을 해봄 지점 클릭시 반경 10km 관광지 표시, 마커에 mouseover, mouseout 이벤트핸들러 등록, 2주프로젝트때 사용했던 검색기능 유지 설명 1. App.js에서 geolocation함수를 이용하여 사용자 위치 획득, 리덕스로 lon, lat에 좌표저장 좌표를 받아오기 전에 컨테이너를 렌더링하면 아래 화면에서 진행이 되지 않으므로, 좌표획득하기 전까지는 컨테이너가 렌더링되도록 한다. 2. 좌표 반경 10km의 관광지 좌표를 kakaoMap에 전달.. 2021. 11. 28. 4주프로젝트 +3, 지도완성은 어려워, tourAPI과 카카오맵에 등록된 장소가 다르다! 카카오맵 관광지카테고리랑 한국광관공사API를 같이이용하려했다. 겨우 관광지 카테고리 모음 카카오맵을 완성했는데, 한국관광공사API랑 자료가 다르다. 예를들면 카카오맵에는 덕수궁폭포가 나오는데 관광지API에는 나오지않는다.(덕수궁폭포는 예시로 만든명칭임) 그래서 고민하다가 관광지API 위치기반조회 기능에서 현재위치 주위 10km관광지의 좌표를 뽑고, 관광지들의 좌표들을 카카오맵에 입력하는 방식을 선택했다. 문제는 좌표를 지도에 입력시키긴했는데, 마커를 클릭했을때 관광지 정보가나오는 기능을 구현을 못하겠다. 졸려서 그런거라고 생각하고 자겠다. 글고 내 위치랑 관광지 마커도 다른색으로 해야한다. 예를들면 관광지마커는 파랗게, 내 위치는 지금처럼 노랗게 2021. 11. 25. 4주프로젝트 첫날 팀이름 : 텐텐 서비스 : 관광명소 페이지 팀룰,커밋규칙,포지션 등등 정했다. 굿 2021. 11. 23. 이전 1 ··· 4 5 6 7 다음 반응형
