728x90 반응형 IT 개발186 11.11 이벤트와 이벤트 처리기 이벤트란 웹 브라우저나 사용자가 행하는 어떤 동작을 말한다. 키보드의 키를 누르거나 브라우저가 웹 페이지를 불러오는 것도 이벤트이다. 자바스크립트 이벤트는 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올때, 폼(FORM)에 내용을 입력할 때 주로 발생시킨다. 마우스 이벤트 : 마우스에서 버튼이나 휠 버튼 조작할 떄 발생하는 이벤트 속성 설명 click 사용자가 HTML 요소를 마우스로 눌렀을 때 발생 dblclick 사용자가 HTML 요소를 마우스로 두 번 눌렀을 때 발생 mousedown 사용자가 요소 위에서 마우스 버튼을 누르는 동안 발생 mousemove 사용자가 요소 위에서 마우스 포인터를 움직일 때 발생 mouseover 마우스 포인터가 요소위로 옮겨질때 발생 mouseout 마우스 포인터.. 2019. 11. 11. 11.11 조건 연산자 : 물음표와 콜론 조건이 하나이고 ture일때와 false일때 실행할 명령어도 하나뿐이면 if else 문 대신에 조건 연산자를 사용하는 것이 간단하다. (score >=60)? alert("통과") : alert("실패"); = 조건 ? ture일때 실행 : false일때 실행 truthy 값과 falsy 값 - 논리형 자료 값은 true와 false뿐이다. - 일반 값 중에서도 'true로 인정할 수 있는 값'과 'false로 인정할 수 있는 값'이 있다. 해당 값을 truthy하다, falsy하다 라고 표현한다. ＊falsy값 0 "" NaN (숫자가 아님(Not a Number)을 의미 / 보통 변수를 선안만 한 상태(값을 할당하지 않은 상태)에서 연산을 하면 볼 수 있는 값) und.. 2019. 11. 11. 11.07 문서모드 --> content= "ie=edge"는 IE브라우저에서, 각 버전 중 가장 최신 표준 모드를 선택하는 문서모드(IE6부터 IE11까지) : 가장 최신의 웹 표준을 지원하는 HTML5 DOCUTYPE을 추천함. 문서모드란 ? 문서 호환성 모드(document compatibility modes) - IE 구버전은 IE가 웹페이지를 번역하고 표시하는 방법을 선택할 수 있게 함 Quirks mode 비표준 모드가 기본값이며, 구버전의 브라우저로 보는 것처럼 페이지를 표시하고, Standard mode 표준 모드(또는 strict mode 엄격모드)는 업계 의 표준을 지원하도록 표시한다. 이때 역시 문서유형 선언(예:)이 있어야 하는데, 문서유형선언을 하지 않으면 quirks mode로 표시함 비표준 모드 .. 2019. 11. 7. 11.06 css 미디어 쿼리 코드 템플릿 아래 코드는 모든 해상도를 커버하기 위한 미디어 쿼리 코드 템플릿이다. All, Mobile, Tablet, Desktop 으로 기기별 대응 코드를 분류 했지만 Liquid 레이아웃 기법을 사용하면 사실상 모든 해상도를 커버할 수 있다. @charset "utf-8"; /* All Device */ 모든 해상도를 위한 공통 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. /* Mobile Device */ 768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다. /* Tablet & Desktop Device */ @media all and .. 2019. 11. 6. 10.31 CSS 정리 F12를 눌러서 Elements 탭으로 갑니다. 아무 태그나 눌러서 Styles 탭을 보면 옆에 그림이 나올겁니다. position, margin, border, padding, content 순입니다. 바로 이게 박스 모델입니다. position은 없을 수도 있습니다. content 보통 태그가 차지하는 공간이 content / width와 height가 차지하는 공간이 content이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 .. 2019. 10. 31. OpenLayers (하나의 마커 띄우기) * 하나의 마커 띄우기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 //상세페이지 지도 띄우기 function map(data){ $("#article_map").html(""); var iconFeature = new ol.Feature({ geometry : new ol.geom.Point([data.wgs84_lon, data.wgs84_lat]), name : data.spot_nm + " 관측소", population : 4000, rainfall : 500 }); var vectorSource = new ol.source.Vector({ features.. 2019. 9. 1. jQuery/Ajax로 jsp 리스트 뿌리기 / .Clone(복사) * Jsp에 데이터를 뿌릴 Templeate을 미리 만들고 jQuery로 데이터 뿌리기 1) Jsp => 화면단에 데이터 리스트를 뿌릴 화면단(template)을 미리 만든다. 구분 관측소명 시군구코드 시군구명 설치주소 경도 위도 공간정보 2) jQuery - var template = $("#copyGgTemplate TR").clone(); => id가 copyGgTemplate의 TR을 Clone(복사) 하여 template에 담는다 - template.find("#category").text(data.Dto.category); => template에서 id 값을 find함수를 사용하여 찾아 보여주고자 하는 데이터를 넣는다. - $("#dataTable").append(template); => te.. 2019. 9. 1. UNION 연산자 UNION - 두개 이상의 테이블 또는 쿼리를 합치는 역할 - UNION ALL은 중복을 포함한 모든 값을 나타내는 것 ex) SELECT 'min' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_mi A UNION SELECT 'dy' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_dy UNION SELECT 'hr' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_hr; 실행화면 2019. 9. 1. jQuery/Ajax (3) : 데이터 목록 뿌리기 AND 페이징 처리 2019. 9. 1. Javascript FOR문 Javascript FOR문의 다양성 1) 일반적인 FOR문 1 2 3 for(var i=0; i 2019. 9. 1. 이전 1 ··· 14 15 16 17 18 19 다음 728x90 반응형
