본문 바로가기

전체 글422

[Mapbox] 맵 박스 기본 사용법 및 셋팅하기 1.Mapbox 가입우선 사용과 토큰발급을 위해서 맵박스 가입을 해야한다.아래 URL로 들어가 가입한다.https://www.mapbox.com/ Mapbox | Maps, Navigation, Search, and DataAPIs and SDKs for AI-powered maps, location search, turn-by-turn navigation, and geospatial data in mobile or web apps. Get started for free.www.mapbox.com사이트 접속 Get started for free 클릭 양식 작성 후 가입  2. 토근 발급Get to account 클릭 토큰복사 버튼 클릭웹용 사용서비스인 Mapbox GL JS(자바스크립트용)은 월 5만건에.. 2025. 3. 13.
[tourAPI] 공공데이터 AJAX 또는 JAVA로 받아오기 예제 https://www.data.go.kr/index.do 공공데이터 포털국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datasewww.data.go.kr한국관광공사_관광빅데이터 정보서비스_ GW  데이터를 받아오는 샘플을 만들어 봤다 [JSP] AJAX로 받아오기 예제const serviceKey = '발급받은 서비스 키값';const localUrl = 'https://apis.data.go.kr/B551011/DataLabService/metcoRegnVisitrDDList';const sigunguUrl = 'https://apis.data.go.kr/B551.. 2025. 3. 4.
[Selenium] 환경설정 및 기본셋팅 1. 파이썬 설치2. VScode 설치3. VScode 확장 프로그램 및 주피터 노트북 사용   1.파이썬 설치https://www.python.org/downloads/ Download PythonThe official home of the Python Programming Languagewww.python.org 현재 python 3.12.7버전이 최신버전임클릭해서 다운로드 후 실행나는 이미 깔아놓은 버전이 있어서 업그레이드 하라고 나오는데 처음깔게 되면아래 사진처럼체크 박스 2개가 보임 꼭 체크박스 체크해주자환경변수 등록 필수!!그리고 냅다 설치 또는 업그레이드클로즈 버튼 클릭   그리고 win + R 눌러서 cmd 열어서 python 입력그럼 '>>> '이렇게 표시가 되는데 이게 파이썬 입력창이다.. 2025. 2. 27.
[Javascript] JS 형변환 총 정리 JavaScript 형변환 정리변환 방식방법예제문자열 변환String(x)String(123) → "123" .toString()(true).toString() → "true" x + ""123 + "" → "123"숫자 변환Number(x)Number("10") → 10 parseInt(x) / parseFloat(x)parseInt("10px") → 10 +x+"10" → 10불리언 변환Boolean(x)Boolean(0) → false !!x!!"hello" → trueJSON 변환JSON.stringify(x)JSON.stringify({a:1}) → '{"a":1}' JSON.parse(x)JSON.parse('{"a":1}') → {a:1}   🔹1. 암묵적(자동) 형변환 (Type Coer.. 2025. 2. 24.
[Javascript] 자바스크립트 이벤트 차단/복구 //이벤트 차단function disableAllEvents() { const yourClass = document.querySelector('.yourClass'); yourClass.style.pointerEvents = "none"; // yourClass 클릭 및 포인터 이벤트 차단 yourClass.style.userSelect = "none"; // yourClass 비활성화 //document.body.style.pointerEvents = "none"; // 모든 클릭 및 포인터 이벤트 차단 //document.body.style.userSelect = "none"; // 선택 비활성화}//이벤트 복구function enableAllEvents() { .. 2025. 1. 23.
[Javascript] 요소 (생성, 삽입, 삭제) 요소 - 자바스크립트 or 제이쿼리를 활용해서 html 요소를 생성할 수 있음 자바스크립트1. 요소 생성createElement : 요소(태그)를 만드는 메서드createTextNode : 글자를 만드는 메서드let el_h1 = document.createElement("h1");let txt_h1 = document.createTextNode("안녕하세요");2. 요소 속성속성 설정 : setAttribute('속성명', '속성값');setAttribute('class', 'minwoo')속성값 찾기 : getAttribute('속성명');getAttribute('class'); //minwoo3. 요소 삽입prependChild(삽입할 요소) : (첫번째) 자식으로 삽입appendChild(삽입할 .. 2025. 1. 2.