728x90 반응형 IT 개발186 openLayers Vworld / EPSG : 3857 관련 Vworld - Vworld는 EPSG:3857 좌표계를 사용 - 다른 좌표계를 사용한다면 지도가 눌리는 현상이 발생할 수 있음. EPSG : 4326이 아닌 다른 좌표계를 사용한다면 두가지 방법을 사용할 수 있다. 1) 클라이언트에서 (ol.geom.POINT([127.0150, 37.5300 ]).transform("EPSG:4326", "EPSG:3857");) transform을 사용하여 EPSG : 4326 좌표계를 EPSG : 3857 좌표계로 변경한다. var mapProjection = "EPSG:3857"; var dataProjection = "EPSG:4326"; $(window).load(function() { //모든 include 되는 프레임들과 object들, 이미지까지 로드된.. 2019. 12. 23. 03. 제어문 * 제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 문장 조건문 - 조건에 따라 특정 코드를 실행시킬 수 있음. - if문 / else문 / else if 문 선택문 - 일치하는 경우의 값이 있을 경우에만 특정 코드를 실행시킬 수 있음. - switch문 반복문 - 코드를 지정한 횟수만큼 반복해서 실행시킬 수 있음. - while문 / for문 / do ~ while문 01. 조건문 if문 * 조건식에 논리형 데이터가 아닌 다른 형이 오는 경우 - 조건식에 논리형 데이터(true, false)가 아닌 다른 형의 데이터가 입력되어도 true 또는 false로 인식 된다. - 조건식에 논리형 데이터가 아닌 다른형의 데이터가 입력되었을 때 반환되는 결과 예제. * 0, null, ""(빈문자), unde.. 2019. 12. 22. 02. 자바스크립트 기초 문법 * 내부 스크립트 외부로 분리하기 * 코드 입력 시 주의 사항 1. 자바스크립트는 대/소문자 구분하여 작성한다. 2. 코드 한 줄을 작성한 후에는 세미콜론(;)을 쓰는 것이 좋다. 세미콜론을 쓰지 않으면 한 줄에 2개의 코드를 작성할 경우 오류 발생 * 한 줄에 한문장만 작성하는 게 가독성을 위해 좋음. 3. 문자형 데이터를 작성할 큰따옴표("")와 작음따옴표('')의 겹침 오류 주의 4. 코드를 작성할 때 중괄호 {} 또는 소괄호 ()의 짝이 맞아야 한다. * 변수선언 변수는 변하는 데이터를 저장할 수 있는 메모리 공간 / 데이터를 담을 수 있는 그릇 / 데이터가 오직 한 개만 저장됨 ==> 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워짐 데이터의 종류 - 문자형 (String),.. 2019. 12. 18. 01.자바스크립트 시작하기 * 자바스크립트의 가장 큰 특징은 객체기반언어이라는 것이다. 1단계 : 고객(클라이언트)에게 사이트 개발의뢰 받아 고객의 요구에 맞게 기획안 작성 2단계 : 기획안을 토대로 UI 디자인 제작 3단계 : 디자인 파일을 전달받은 퍼블리셔는 이미지를 이용해 인터넷 문서인 HTML, CSS를 이용해 화면의 모양을 잡아 정적인 웹 문서를 완성하고, 자바스크립트 또는 jQuery를 사용 3단계의 과정을 프런트엔드 개발이라함. - 눈에 보이는 부분까지 개발하는 것을 프런트엔드 개발이라 한다. 4단계 : 완성된 HTML 문서를 백엔드 개발자에게 전달. 백엔드 개발자는 ASP, PHP, JSP등 서버 언어를 사용, 화면에 보이지 않는 부분을 개발. * 자바스크립트로 제작된 다양한 라이브러리 - 제이쿼리, Angular(.. 2019. 12. 17. Math 함수 * 소수점 올림, 버림, 반올림, 절대값, 소수점에서 반올림 Math.ceil() : 소수점 올림, 정수 반환 Math.floor() : 소수점 버림, 정수 반환 Math.round() : 소수점 반올림, 정수 반환 Math.abs() : 절대값 반환 * toFixed() : 소수점에서 반올림 2019. 12. 17. 12.02 JSON JSON.parse() : String 객체를 json 객체로 변환 JSON.Stringfy() : json 객체를 String 객체로 변환 2019. 12. 2. 12.02 jQuery data() data() - 해당 엘리먼트에 Javascript Type의 value를 로 저장할 수 있으며, 값으로 저장되어 있는 데이터를 읽음. [ case 1. 데이타 저장 ] 문법 : $(selector).data(key, value) key : string type의 변수로 data가 저장될 key값입니다. value : object type으로 JavaScript 에서 지원하는 모든 type의 데이터를 저장할수 있습니다. ex) span 엘리먼트에 data()함수로 "name"과 "address" 세팅방법(저장) $("span").data("name", "Nextree"); $("span").data("address", "가산"); [ case 2. 데이터 읽기 ] 문법 : $(selector).data(.. 2019. 12. 2. 12.02 overFlow * overflow 내용이 박스보다 큰 경우 밖으로 넘친 부분을 어떻게 표시할지를 지정한다. Value visible : 박스보다 넘쳐난 내용을 그대로 보여준다. hidden : 박스보다 넘쳐난 내용을 표시하지 않도록 지정하며 스크롤을 제공하지 않는다. scroll : 박스보다 넘쳐난 내용을 위해 스크롤을 제공한다. 잘려서 보이지 않는 부분을 스크롤해서 볼수있도록 한다. 내용이 박스보다 넘쳐나지 않아도 무조건 스크롤을 제공한다. auto : 브라우저에 의존하며 해당영역이 박스보다 큰 경우 스크롤을 자동으로 제공한다. * 참고 overflow-x와 overflow-y는 windows I5+E의 독자적인 속성 2019. 12. 2. 11.11 delete 연산자 ＊delete 연산자 - 객체(object), 객체의 속성(property), 배열의 특정 인덱스에 있는 원소(element)를 지우는 연산자 - var 문장을 이용해서 선언된 변수는 지울 수 없다. - delete 연산자 실행이 성공하면 , 속성이나 원소가 undefined로 설정됨. 실행이 가능하면 true, 불가능 false 반환 - 객체 자체는 삭제할 수 없으나, 객체의 프로퍼티는 삭제할 수 있다. var o = { x : 1, y : 2 } delete o.x; 2019. 11. 11. 11.11 Distinct와 Group By의 차이 Distinct는 unique한 컬럼이나 튜플을 조회하는 경우 사용 Group by는 데이터를 그룹핑해서 그 결과 값을 가져오는 경우 사용 EX) Select Count(Distinct name) AS COUNT FROM ANIMAL_INS --> DISTINCT : 중복 제거 Distinct는 "그룹핑" 작업만 수행하고 "정렬작업" 수행 X Group by는 "그룹핑" + "정렬" 작업 수행 Tip) 정렬이 필요하지 않다면 DISTINCT를 사용하는 것이 성능상 더 빠르다고 볼 수 있다. 2019. 11. 11. 이전 1 ··· 13 14 15 16 17 18 19 다음 728x90 반응형
