이준빈은 호박머리

IT 프로그래밍 개발 정보 블로그, 이준빈은 호박머리 입니다.

반응형

전체보기 289

로컬 스토리지(localStorage)

값을 저장하는 저장소 중 localStorage를 사용하는 방법입니다.session이나 cookie를 사용하는 방법처럼 localStorage를 사용하여 값을 저장 후 사용할 수 있습니다. 1. 아래는 ABC의 이름을 가진 localStorage에 "저장할값"이라는 값을 저장하는 코드입니다. var valueABC = "저장할값"; window.localStorage.setItem("ABC",valueABC); 2. 아래는 localVal이라는 변수에 위에서 저장한 ABC의 이름을 가진 localStorage에 저장된 값을 불러와서 저장하는 코드입니다. var localVal = window.localStorage.getItem("ABC");

Language/JavaScript 2012.10.10

자바스크립트를 사용한 차트, 그래프 사용하기

1. 하이차트 데모(http://www.highcharts.com/demo/) 웹 페이지에 접속합니다. ① 대메뉴 중 DEMO GALLARY 메뉴의 서브메뉴인 Highcharts Demos 메뉴를 클릭하여 접근합니다. 2. 대메뉴 중 DEMO GALLARY 메뉴의 서브메뉴인 Highcharts Demos 메뉴를 클릭하여 접근합니다. ① 좌측에 있는 리스트가 구현 가능한 그래프/차트의 종류입니다.(bar타입, line타입, pie타입 등 다양합니다.) ② Edit in jsFiddle 버튼을 누르면 그래프가 구현된 소스를 수정할 수 있는 창으로 이동합니다. 3. 좌측에 사용할 수 있는 그래프/차트의 목록입니다. 클릭 시 상세 정보/데모 페이지를 확인할 수 있습니다. ① 참조되어있는 js파일입니다. 저는 구..

Language/JavaScript 2012.10.10

구글맵스 개발 시작하기

------------------------------------------------------------------- 위의 소스를 실행하면 구글맵의 설정이 완료됩니다.기존에는 구글맵측에서 API키를 받아 설정했지만, 버전업 후 간단한 스크립트 참조로구글맵 개발설정을 할 수 있습니다.body 태그 안쪽에는 맵 캔버스가 위치하고, 맵에 대한 컨트롤, 오버레이 등은 자바스크립트 단에서 처리합니다.현재 초기 위치는가산디지털단지역의 위치이고, 마커가 찍힌곳의 위치는 현재 위치(회사)입니다. 구글맵 API : https://developers.google.com/maps/?hl=ko

Open API/WEB 2012.09.20
반응형