[카카오맵] 폴리건 그리기 시군구 카카오맵에 폴리건 그리기 fetch('/resources/json/sig.json') .then(response => response.json()) .then(data => { const { kakao } = window; var features = data.features; // geojson의 features를 변수에 할당 features.forEach(feature => { var coordinates = feature.geometry.coordinates; // feature의 좌표 데이터 var name = feature.properties.SIG_KOR_NM; // feature의 이름 데이터 .. [카카오맵api] Uncaught TypeError: Cannot read properties of undefined (reading 'getMarkers') apt:261 Uncaught TypeError: Cannot read properties of undefined (reading 'getMarkers')클러스터러에서 마커를 가져오는데 생기는 오류해결:클러스터러를 만들 때 disableClickZoom: true 이 옵션을 필수로 적용하고 이벤트 핸들러 안에서 get으로 마커스를 불러야 한다. https://devtalk.kakao.com/t/cluster-getmarkers/41359/2 cluster.getMarkers()에대한 질문입니다~http://apis.map.daum.net/web/sample/addClustererClickEvent/ 이 예제를 조금 변형해서 marker들을 가져오는 코드를 작성했습니다. 주석을 추가한 줄을 중점적으로 보.. [자바스크립트] script 혹은 function 을 인식하지 못하는 문제 apt:108 Uncaught ReferenceError: openModal is not defined at HTMLInputElement.onclick (apt:108:125) 오류 상황: 분명히 함수를 정의했는데도 불구하고 함수를 찾지 못하는 문제 발생. 처음에는 페이지 로딩 순서의 문제인 줄 알고 여기저기로 스크립트 위치를 옮겼는데 결국 문제는 폼태그였다.아래 블로그 링크에서 폼태그 어쩌고.. 하는 문장이 있어 혹시나 하고 홈태그 안으로 위치를 바꿔봤더니 된다. 결론 : 폼태그 안에서 함수를 호출하려면 스크립트도 폼태그 안으로 넣어야 한다. https://unordinarydays.tistory.com/53 [JavaScript]Form태그와 자바스크립트 함수 사용 시.. [제이쿼리] 1218 수업 아카이브 보호된 글입니다. [자바스크립트] <br/> 과   의 차이점 / a href의 활용 공부를 하다 보니 기본적인 부분이 헷갈리기 시작해서 정리해 보려고 한다. 1. 과 &nbs;의 차이는 뭘까 br 은 line break를 의미한다. 즉, 줄바꿈이다. html 에서 사용된다. (그래서 꺽쇠를 사용한다.) nbsp는 non-breaking space의약자다. 즉, 띄어쓰기다. 공백을 1개 이상(여러개) 사용해야 할 때에 스페이스바 인식을 위해 사용한다. document.write(" for"); for(i=1;i당신의 이름은 무엇입니까? location.href 버튼 선택시 페이지 이동 3. 태그와 태그 span은 기간 이라는 뜻이다. div는 division의 약자로, 분할/분배라는 뜻이다. 둘 다 기능적으로는 주머니처럼 어디서부터~어디까지. 묶어주는 기능을 한다. 둘의 차이점을 보자면,.. [jQuery] 1215 제이쿼리 기본 문법+선택자+요소를 구하는 방법 jQuery는 자바 스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현할 수 있으며 현재 가장 인기있는 자바스크립트 라이브러리중하나. 가장많이 사용하는 이유 -제이쿼리는 주요 웹 브라우저의 구 버전을 포함한 대부분의 브라우저에서 지원됨 -HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용할 수 있음. -애니메이션 효과나 대화형 처리를 간단하게 적용해 줌. -같은 동작을 하는 플러그인과 참고할 수 있는 문서가 많이 존재함. -오픈 라이센스를 적용하여 누구나 자유롭게 사용할 수 있음 제이쿼리 버전2와 버전3은 모두 익스플로러 9 이상에서만 동작하므로, 이 때문에 지금도 많은 웹 사이.. [자바스크립트] 1214 수업 소스코드 아카이브 - 계산기 만들기, 윈도우 브라우저 활용,메서드가 안열리는데 디버그 콘솔에 아무것도 안뜸, 속성만 가진 객체 만들기 var car ={name:'sonata',speed:100, color:'white'}; document.getElementById("var1").innerHTML="자동차 이름: "+car['name']; document.getElementById("var2").innerHTML="자동차 속도: "+car.speed; document.getElementById("var3").innerHTML="자동차 색상: "+car.color; 메서드를 호출하여 연산 결과를 출력하기 var obj ={ m1: function(){ return "hello sonata"; }, m2: function(a){ var result = a; return result; }, m3: function(.. [자바스크립트] 1213 수업 소스코드 아카이브 label문 프로그램 내의 특정 영역을 식별할 수 있도록 해주는 식별자. label문을 사용하면 continue문과 break문의 동작이 프로그램의 흐름을 특정 영역으로 이동 더보기 -continue: 해당 루프의 나머지 부분을 건너뛰고, 바로 다음 표현식으로 넘어가게 함 문법1) continue; 문법2) continue 라벨 이름; -break: 반복문을 완전시 종료시키고 다음 위치의 실행문으로 프로그램 흐름을 이동시킴 문법1) break; 문법2) break labelName; **.. label 문은 안쓰는게 좋음...^^... var i=1; var sum=0; while(i100){ break; } } document.write("2. 무한루프 o : "+sum+" "); sum=0; i=1;.. [자바스크립트] 1212 수업 아카이브 보호된 글입니다. [자바 스크립트] 1211 수업 소스코드 아카이브 보호된 글입니다. 이전 1 다음
