카카오 맵 API
Kakao Developers(https://developers.kakao.com/)
구글, 네이버, 카카오 등의 대형 포털에서는 개발자들이 API를 사용할 수 있도록 제공하는 개발자 사이트들이 존재합니다.
구글 네이버 카카오의 API는 제공하는 기능과 비용 등을 고려하여 선택하는 것이 좋다.
카카오 맵 구현
코드 예시
코드 결과
MPA vs SPA
MPA : 멀티 페이지 에플리케이션으로 기본적인 웹의 페이지 이동 방식으로 브라우저에서 프론트엔드 서버로 요청을 보내서 화면에 출력하게 된다.
SPA : 싱글 페이지 에플리케이션으로 전체 페이지를 하나의 거대한 페이지로 불러와서 작은 페이지로 보는 형식으로 이동이 일어날 때 프론트 엔드 서버에 요청을 할 필요가 없어지므로 멀티 페이지 에플리케이션에 비해서 더 빠르다. 라우터와 Link 태그의 이동 방식이 이 방식을 이용한다.
Cache 변경
refetch의 문제점
refetch는 usQuery를 통해서 받아온 cache-state를 사용하지 않고 다시 서버에서 데이터를 받아오기 때문에 별로 효율적인 방법이 아닙니다. 그래서 이 문제점을 해결하기 위해서 mutation을 통해서 데이터의 변화가 있을 때 그 mutation에 따라서 cache를 수정해 주는 것으로 refetch를 쓰는 일 없이 페이지를 업데이트 시켜줄 수 있습니다.
코드 예시
코드 결과
알고리즘
'TIL' 카테고리의 다른 글
| 프론트 엔드 6주 4일차 (0) | 2023.04.21 |
|---|---|
| 프론트 엔드 6주 3일차 (0) | 2023.04.20 |
| 프론트 엔드 6주 1일차 (0) | 2023.04.17 |
| 26. Cookie, Session, Local Storage (0) | 2023.04.15 |
| 25. 정규 표현식 (0) | 2023.04.15 |
