본문 바로가기
프로젝트/코드스테이츠 - 4주프로젝트

시간이 부족할것 같아 미리 해놓은 작업 기록,4주 프로젝트 + 7, 코드스테이츠 +131

by 안뇽! 2021. 11. 28.
반응형

이번 월화수목금동안 SR을 했다.

저번 2주프로젝트에서 시간이 부족했기 때문에, 이번 SR기간에는 시간이 날때마다 내가 구현해야할 기능들을 조금씩 미리 작성하고 있었다.

SR기간동안 TourAPI사용법을 익혔고, 아래 프로토타입의 페이지를 미리 구현해보았다.

prototype

서버가 필요한 DB에서 자료받고, 해시태그 받는 기능외에는 얼추 완성해놓은것같아 다행이다.

 


 

어제는 아래와 같이 클릭한지점의 반경 10km에 있는 관광지들이 지도에 표시되는것까지 했다.

 

 

 

 

오늘은 그 관광지들을 밑에 리스트형태로 렌더링하고, 마커클릭시 관광지의 정보가 나오도록했다.

 

 

리스트는 배우기만하고 사용은 별로 안해서 익숙하지 않았던 styled-component를 써봤다.

 

 

 

 

점점 prototype에 가까워지고 있다.

 

 

이 부분만 따로 만들어놓은 레포지토리이다.

 

https://github.com/ryu9663/kakaomap-with-tourAPI/tree/master/src/components

 

GitHub - ryu9663/kakaomap-with-tourAPI: tourAPI와 카카오맵을 이용하여 클릭한지점 반경 10km의 관광지들을

tourAPI와 카카오맵을 이용하여 클릭한지점 반경 10km의 관광지들을 표시하는 지도 제작 - GitHub - ryu9663/kakaomap-with-tourAPI: tourAPI와 카카오맵을 이용하여 클릭한지점 반경 10km의 관광지들을 표시하는

github.com

 

반응형