[react-globe.gl] 지구본 시점 위치 기억해두기 by 세션스토리지

현재 마무리 진행 중인 Vite+TypeScript 프로젝트에서 react-globe.gl 라이브러리를 활용해 국가별 여행 위험 경보를 지구본에 표시하고 있습니다. 이번 글에서는 국가 디테일 페이지(예: 이탈리아)로 이동한 후 다시 지구본 페이지로 돌아와도 기존의 지구본 뷰(시점)를 유지하는 방법을 소개하고자 합니다.문제: 매번 초기화되는 지구본 뷰기존 코드에서는 사용자가 지구본 페이지에 접근할 때마다 지구본의 시점이 항상 대한민국으로 초기화되었습니다. 이로 인해 사용자는 매번 동일한 초기 위치에서 시작해야 했으며, 페이지를 떠난 후 다시 돌아왔을 때 이전에 보던 위치가 기억되지 않았습니다.또한, 현재 진행중인 데브코스의 FT님께서 제 페이지를 사용해보신 후, "지구본 페이지로 돌아올 때 이전에 보던 지..

• format_list_bulleted FE 개발일지
• · 2024. 10. 11.
• textsms

[react-globe.gl][성능 개선] 초기 지구본 위치를 대한민국으로 설정하고, 초기 위치 풀리지 않도록 만들기

현재 개인프로젝트로, vite+typescript 프로젝트 환경에서 react-globe.gl 라이브러리를 이용하여지구본으로 국가별 여행위험경보를 띄우고 있다. 문제상황https://github.com/vasturiano/react-globe.gl GitHub - vasturiano/react-globe.gl: React component for Globe Data Visualization using ThreeJS/WebGLReact component for Globe Data Visualization using ThreeJS/WebGL - vasturiano/react-globe.glgithub.com 공식깃헙에는 다양한 예제가 나와있는데, 그중에서 ' Choropleth' 예제 테마를 활용하였다.지구..

• format_list_bulleted FE 개발일지
• · 2024. 10. 1.
• textsms

[react-globe.gl] 지구본을 반응형으로 정가운데 오도록 만들기

현재 개인프로젝트로, vite+typescript 프로젝트 환경에서 react-globe.gl 라이브러리를 이용하여지구본으로 국가별 여행위험경보를 띄우고 있다. 문제상황https://github.com/vasturiano/react-globe.gl GitHub - vasturiano/react-globe.gl: React component for Globe Data Visualization using ThreeJS/WebGLReact component for Globe Data Visualization using ThreeJS/WebGL - vasturiano/react-globe.glgithub.com공식깃헙에는 다양한 예제가 나와있는데, 그중에서 ' Choropleth' 예제 테마를 활용하였다.테마와..

• format_list_bulleted FE 개발일지
• · 2024. 9. 27.
• textsms