태그: JS/Angular

J

Javascript call() & apply() vs bind()

** 출처 http://stackoverflow.com/questions/15455009/javascript-call-apply-vs-bind Use .bind() when you want that function to later be called with a certain context, useful in events. Use .call() or .apply() when you want to invoke the funciton immediately, and modify the context. .bind() 함수는 파라미터를 맵핑해서 함수를 리턴하고, 이렇게 재정의된 함수를 이벤트나 콜백 처리용으로 사용한다. .call()과 .apply() 함수는 파라미터를 맵핑해서 즉시 ...

Mobile 체크하여 OL3 선택도구 변경하기

OL3(OpenLayers 3)에서 ol.interaction.Select는 강력한 도구다. 별다른 코드를 넣지 않고도 선택시 스타일 변화와 함께 select 이벤트를 제공한다. OL3 선택도구에는 아래의 종류가 있다. Mouse – Pointer Hover Mouse – Click Mouse – Drag Box Mouse – Draw Circle or Polygon 사용상의 편의로 PC/Desktop 환경에서는 ‘Pointer Hover’를, Mobile 환경에서는 ‘Click’을 선택도구로 주로 사용한다. 우선 Javascript에서 Mobile 환경 체크 ...

[Javascript] jsTree 사용법 및 Tree 자료구조

jsTree는 jquery 기반으로, HTML 또는 JSON 데이터를 Tree 콘트롤로 웹에 출력해 주는 자바스트립트 라이브러리이다. 홈페이지는 이곳 ==> https://www.jstree.com/ 사용한 예는 다음과 같다. 먼저 jsTree 라이브러리를 불러온다. 이후 HTML 또는 JSON 데이터를 생성해 jstree()를 실행시킨다. 데이터 정의는 HTML과 JSON 두가지가 있는데, 위 코드는 JSON 방식이다. HTML의 경우, ‘ul’과 ‘li’ 태그를 이용하여 계층을 표현한다. 예제를 따라서, 구현을 ...

j

jQuery Ch.02 클릭 이벤트 제어

두번째 단원으로 클릭이벤트를 제어하는 내용을 담고 있다. 결과물 ==> 클릭! 내용 – 버튼을 클릭해 특정 id 개체의 css 속성을 변경 – 그림을 클릭한 후 이벤트 리스너를 해제 (한번만 작동하도록) – 함수를 분리하여 호출 <HTML> jquery_ch02.html <CSS> my_style.css  

바이두 지도 API 2.0 – 샘플코드

중국의 넘보원 포털인 바이두 지도 서비스 http://map.baidu.com 바이두 지도 API 설명문서 首页- 百度地图API API 버전 2.0 API 사용을 위한 키를 발급받아야 한다 구글 검색으로 바이두 지도 API 샘플 코드를 참조하여 작성하였다. 구글책 – Mapping in Cloud 제주도 관광 안내에 사용하기 위해 그랜드호텔을 Marker(POI)로 삽입했다. 제주도에 대해서 경로검색이 되지 않는다. 지도 뷰어 사용과 좌표값(lng,lat)에 의한 marker ...

P

ProAngularJS Ch18. 모듈 및 서비스 활용

#실행결과 http://study.jeju.onl/ch18/example.html 이 장에서는 복잡한 웹프로그램 작성을 위해 모듈을 분리하는 Factory, Service, Provider에 대한 부분을 설명하고 있다. 서비스는 주로 횡단 관심사를 구현하는데 사용한다. 전형적인 예로는 로깅, 보안, 네트워킹 등이 있다. 간단히 말해 다른 곳에 속하지 않는 기능을 구현해야 할 때 서비스를 구현하면 된다. 서비스는 애플리케이션 전반에서 재사용할 수 있게 기능을 패키징한다. 모듈은 여러 애플리케이션에서 기능을 재사용하기 쉽게끔 ...

ProAngularJS Ch.08 쇼핑 – 관리기능

※ 실행결과: http://study.jeju.onl/sportsstore/admin.html 상품과 주문을 관리하기 위한 관리자 기능을 구현한다. 이 기능은 관리자만 사용할 수 있으므로 ‘admin’ 사용자에 대한 인증기능도 요구된다. 필요한 화면은.. 로그인 시도와 결과 페이지 상품 관리 화면 주문 관리 화면 Deployd에서 users 테이블을 생성한다. (* 주의: 일반 Collection이 아니다!) Deployd의 테이블 event 기능을 사용하면 get/post/put/delete 등에 대한 사용권한을 javascript로 제어할 수 있다. users ...