Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 백준알고리즘
- 최소스패닝트리
- 우박수열정적분
- 2023카카오블라인드코테
- 5강클로저
- 지도 여러개
- 알고리즘 문제풀이
- 비트마스크
- Lv3
- 두원사이의정수쌍
- solved.ac골드
- JS스터디
- pccp기출문제
- 코어자바스크립트
- c++
- React.StrictMode
- DP
- Lv2
- [pccp 기출문제]
- 정렬
- JS
- 타겟넘버
- 알고리즘문제풀이
- 스택
- 이중지도
- div2개
- 백준 알고리즘
- solved.ac플래티넘
- 과제진행하기
- 프로그래머스
Archives
- Today
- Total
목록전체 글 (108)
호지
[React JS] 카카오맵 사용 시 맵이 이중으로 랜더링 되는 현상
ReactJS로 토이 프로젝트를 진행 중일 때, 지도 사용을 위해 카카오맵API를 사용했다. 하지만 페이지 새로고침이나, 페이지 재진입 혹은 그냥 페이지 진입을 해도 계속해서 div가 하나만 나와야하는데, div가 2개 생성되서 지도 위에 지도가 생성이 됬다 CDN방식 대신 동적 스크립트도 사용해보고 도대체 어디서 문제가 되는걸까 2일넘게 삽질을 했다.... 결국 찾은 범인은 React.StrictMode 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구로, 개발모드일때 사용된다. 컴포넌트를 unmount 시켰다가 다시 한 번 remount 시키게 되면서 div가 2개 생기는 것으로 추정되었고 React.StrictMode를 제거하니 정상적으롤 원하는 지도 화면을 볼 수 있었다! 카카오MapAPI를 ..