반응형 개발/기타15 [스크립트] google map api 반경표시 (by 주소검색) google map geocoder and circle 구글맵 circle 과 geocoder 구현 구글맵 API에서 circle를 지도상에 표시하려고한다. 표시하기위해 구글맵API geocoder를 사용하여 장소검색을 한후 반경을 표시하는 기능을 구현해보자. 추후 반경좌표정보를 DB에 저장하고 해당 반경안에 사물/또는 사람이 진입/진출 확인도 가능하다. https://developers.google.com/maps/documentation/javascript/examples/places-placeid-geocoder#maps_places_placeid_geocoder-javascript Place ID Geocoder | Maps JavaScript API | Google for Developers S.. 2023. 8. 1. [Json] 배열형태의값을 서버로 전달 (Jquery by Spring) Json형태의 배열을 서버로 전달 1. Json이란 JSON은 JavaScript Object Notation의 약자로, 데이터 교환을 위한 경량의 데이터 형식입니다. 비동기 브라우저/서버 통신 (AJAX)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷이다. 2. Json 자료형 수(Number) 문자열(String) 참/거짓(Boolean): true 또는 false 값 배열(Array) 객체(Object) 3. Json배열을 서버로 전달 게시판 다수의 글을 삭제하는 예제부 jquery 프론트부분 처리 //스크립트 부분 var seqArr = ["A001", "A001", "A003"]; var seq = paramArr.join(","); $.ajax({ type : 'POST.. 2023. 7. 18. [jQuery] Ajax 데이터 <-> Spring 컨트롤러 주고받기 Ajax파라미터 통신 프론트에서 보내는 방법은 아래와 같이 여러가지가 있다. data : JSON.stringify({emailAdres:$("#emailAdres").val()}) data : {emailAdres:$("#emailAdres").val(), userId:$("#userId").val()} url : "/login/findid_check?emailAdres="+$("#emailAdres").val() 백엔드에서 받는 방법은 아래와 같이 여러가지가 있다. @RequestBody Map paramMap @RequestParam("emailAdres") String emailAdres @RequestParam Map paramMap @ModelAttribute("userVO") UserVO u.. 2023. 6. 28. [스크립트] 개인정보 범위와 마스킹예제 (이름/주민번호 등) Javascript 개인정보 마스킹 개인정보 보호: 개인정보는 신원 도용, 사기, 귀찮은 광고, 스팸 메일 등과 같은 다양한 위협에 노출될수 있다. 마스킹을 통해 개인정보의 일부를 가리면 해당 정보를 쉽게 식별하기 어려워진다. 법적 요구 사항: 개인정보 보호 관련 법규들은 개인정보를 적절히 보호하고 처리하는 것을 요구한다. 개인정보 마스킹은 개인정보 처리 시 이러한 법적 요구 사항을 준수하는데 도움이 된다. 1. 개인정보의 범위 개인정보 유형의 종류는 일반적으로 아래처럼 통용된다. 2. 아이디 마스킹 결과 : korean > kore** function fnMaskUserId(userId){ var pattern = /.{2}$/; return userId.replace(pattern, "**"); } .. 2023. 6. 23. [RTSP] nodejs로 rtsp 실시간 스트리밍 서버구축 rtsp 스트리밍 서버구축 실시간 스트리밍 프로토콜(Real Time Streaming Protocol, RTSP)은 스트리밍 미디어 서버를 제어할 목적으로 엔터테인먼트, 통신 시스템에 사용하도록 설계된 네트워크 제어 프로토콜이다. 1. 개요 node에서 제공하는 node-rtsp-stream 를 사용하여 실시간으로 카메라 영상을 볼수있는 웹사이트를 만들기 실제로 사용할 주소는 rtsp://... 형식이다. 카메라 제조사마다 url이 다르게 제공되니 참고한다. Linux 우분투 환경에서 구축한 샘플소스이다. 2. node설치 아래명령어를 실행한다. 설치이후 node -v 입력하여 제대로 설치가 되었는지 확인한다. $ curl -sL https://deb.nodesource.com/setup_14.x | .. 2023. 5. 4. [JQuery] select2 jquery 플러그인 사용하기 1.jquery plugin select2 jQuery Select2는 jQuery 라이브러리용 플러그인으로 사용자 지정 가능한 드롭다운 선택 상자를 제공 한다. 또한 웹 사이트의 디자인에 맞게 선택 상자의 모양을 사용자 정의할 수도 있습니다. 한국 일본 미국 영국 2. 실행결과 아래와 같이 SELECT BOX에 검색창이 활성화되고 필터링 기능을 사용할수 있다. 3. 초기화 init $('#nationCode').val("").trigger('change'); 4. 값변경 change value $('#nationCode').val('US').trigger('change'); 5. 클릭이벤트 click event $('#nationCode').on('select2:select', function (e) .. 2023. 4. 24. 이전 1 2 3 다음 반응형
