지난 시간 포스트인 행정구역 shp를 json으로 변환한 파일을 가지고 여기서 내가 원하는 지역의 데이터만 뽑아내야 했다원하는건 아래의 사진과 같이 제주도를 12개 구역으로 나눈 데이터들인데현재는 대한민국 전체의 데이터를 가지고 있었기에 노동을 통해 먼저 제주도 지역의 데이터들만 남도록 다른 구역들을 지워줬다 다행히 인근 지역끼리 데이터들이 붙어있어서 나름 편하게 아래와 같은 제주도 지역 데이터들을 남길 수 있었는데여기서 문제는 동으로 나눠진 제주시와 서귀포시 부분... 어떻게 해야하나 계속 고민을 하다가 시간은 계속 흐르고 고민보단 노동을 하는게 더 낫다고 판단해서일단 제주시에 포함된 동 부분 코드와 서귀포시에 포함되는 동 부분 코드를 분리하기로 했다 관련 코드들이 여기저기 흩어져있는게 아니라 위아래로..

프로젝트를 진행하며 지도에 제주도를 12개의 구역으로 나눠 다각형을 그릴 일이 생겼다그런데 이걸 지역 모양에 맞춰 그리려면 꺽이는 선마다 위도 경도 값이 필요하다는 사실.......노동할 생각에 머리만 쥐어잡던 중 불행 중 행운으로지역에 맞게 다각형을 그릴 수 있는 자료를 제공하는행정구역 SHP 파일을 제공하는 사이트를 발견하게 됐다  대한민국 최신 행정구역(SHP) 다운로드 – GIS Developer www.gisdeveloper.co.kr   시도, 시군구, 읍면동, 리 각각의 정보가 담긴 데이터 파일들이 있으니 사용자가 원하는 파일을 다운 받으면 된다나는 제주도를 12개의 구역으로 나누기 위해 시읍면이 필요했었는데 없어서 일단 읍면동으로 다운 받았다(노동의 시작) 가장 최신 업데이트 파일을 다운 ..

브라우저 새로고침 방지를 이어서 찾아온 뒤로가기 방지하기..새로고침 방지할 때는 beforeunload 이벤트를 사용해서 브라우저에서 제공하는 안내 팝업을 띄웠지만뒤로/앞으로가기를 방지할 때는 popstate 이벤트를 사용하여 우리가 직접 만든 레이어팝업을 띄우고자 했다! 팝스테이트popstate 이벤트는 브라우저 탐색(뒤로가기, 앞으로 가기)시 발생하며, 브라우저의 히스토리 스택의 상태가 변경될 때 트리거 됨 특징window.history API와 연동됨사용자가 브라우저 탐색 버튼(뒤로/앞으로)을 클릭할 때 실행됨pushState 또는 replaceState 메서드로 변경된 히스토리 상태를 읽을 수 있음 사용 방법 (Next.js 기준)const MultiStepForm = () => { // 레이어..

프로젝트를 진행하며 데이터를 입력 받는 폼에서 새로고침을 할 경우 방지하는 창이 필요하다 판단했고이리저리 찾아본 결과 브라우저 네이티브 기능인 beforeunload 이벤트를 사용해서 저 창을 띄울 수 있다는 것을 알게 되었다 beforeunloadbeforeunload 이벤트는 사용자가 페이지를 떠나기 전(새로고침, 탭 닫기, 브라우저 종료, 다른 URL로 이동) 실행되며브라우저 네이티브 기능으로, 사용자가 페이지를 떠나기 전 경고 메시지를 표시하거나 특정 작업을 수행할 때 사용된다. 특징브라우저가 페이지를 떠나기 직전에 이벤트 발생주로 사용자 확인 메시지를 띄우는데 사용 됨브라우저마다 다르게 동작하며, 최신 브라우저에는 보안 정책 상 커스텀 메시지를 사용할 수 없음 사용 방법 (Next.js 기준)c..