강좌
-
[Google Maps] 3. 구글 맵스 오버레이(Overlays) - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 15:48
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic)구글 맵 API 오버레이(Overlays)구글 맵 API 이벤트(Events)구글 맵 API 제어(Controls)구글 맵 API 타입(Types) Google Maps Overlays 구글 맵에 마커를 추가합니다. Google Maps - Overlays 오버레이(Overlays)는 맵에 위도 경도 좌표를 표시하기위한 객체입니다. 구글 맵은 여러 타입의 오버레이를 가지고 있습니다: - 마커(Marker): 맵에 단일 위치를 표시. 마커는 또한 특정 아이콘 이미지를 통해 표시할 수 있습니다. - 선(Polyline): 맵에 선..
-
[Google Maps] 2. 구글 맵스 기본 - 구글 맵 API 강좌Web/Google Maps 2016. 2. 28. 15:07
W3School 를 참고하여 작성하는 Google Map API 강좌입니다. 구성은 아래와 같습니다. 아래 링크를 통해서 하나하나 익히시면 됩니다. 구글 맵 API 기본(Basic) 구글 맵 API 오버레이(Overlays) 구글 맵 API 이벤트(Events) 구글 맵 API 제어(Controls) 구글 맵 API 타입(Types) Google Maps Basic Create a Basic Google Map 아래 예제 코드는 한국을 기준으로 구글 맵을 생성하였습니다. 직접 코드를 입력해서 실행해보세요. * googlemaps.html 12345678910111213141516171819202122function initialize() { var mapProp = { center:new google.m..
-
[AngularJS] 3. AngularJS 부트스트랩(Bootstrap) - AngularJS 강좌Web/AngularJS 2016. 1. 15. 16:52
AngularJS 부트스트랩(Bootstrap) 1. ng-app 지시자를 이용한 부트스트랩 AngularJS 웹 app이 되는 조건은 단순히 Script 태그로 angular.js 파일을 로드하는 것으로 충족되는 것이 아닙니다. 특정 태그에 ng-app 속성을 추가해서 AngularJS 부트스트랩을 적용해야 합니다. 아래 예제는 간단한 AngularJS 웹 app 예제입니다. * simpleajs.html 123456789101112 Simple Angular JS App Hello {{name}} world ! Colored by Color Scriptercs ng-app은 AngularJS 웹 app의 범위를 제한하는 지시자이자 제한자입니다. ng-app 지시자를 추가한 노드가 루트 노드가 되어 하..
-
[AugularJS] 2. AugularJS 살펴보기 - AngularJS 강좌Web/AngularJS 2016. 1. 15. 16:28
AngularJS 살펴보기 1. To-Do 웹 어플리케이션 AngularJS를 간단히 살펴보기 위해서는 To-Do 어플리케이션을 구현해보는 것입니다. 이번 장에서 간단하게 할 일을 추가, 수정할 수 있는 웹을 AngularJS를 통해서 작성해 보겠습니다. todo 폴더를 생성하여, index.html을 아래와 같이 작성합니다. * index.html 12345678910 My To-Do App AngularJS To-Do App cs 여기까지 작성 후, 트위터 Bootstrap을 적용하겠습니다. http://getbootstrap.com/ 에 접속해서 내려받아서 라이브러리에 추가할 수 있지만, CDN을 통해서 적용할 수도 있습니다. 위에서 작성한 index.html의 head 태그안에 추가해줍니다. 그리..
-
[AngularJS] 1. 프로젝트 및 개발환경 구성 - AngularJS 강좌Web/AngularJS 2016. 1. 15. 12:32
프로젝트 및 개발환경 구성 1.개발환경 구성 당연히 AngularJS 예제를 작성하려면 필요한 도구들을 챙겨야 합니다. 여기서는 Node.js, grunt.js를 설치해보도록 하겠습니다. 1-1. Node.js 설치 AngularJS를 사용하는데 필수적인 요소는 아니지만, 간단한 웹 서버 구동용으로 쓰신다고 보시면 되겠습니다. 아래 주소로 접속하면 아래 화면처럼 구성되어 있습니다. 윈도우에서 접속해서 그런지, 아래와 같이 바로 잡아주네요. 이전에는 LTS와 Stable로 나뉘어져 있지 않았는데,,, 아무튼. Stable 버전으로 받겠습니다. http://www.nodejs.org/ 다운받으신 후, 설치 가볍게 해주시면 됩니다. 설치가 완료되었다면, 버전 확인을 통해, 마지막 확인을 합니다. $ node ..
-
[Java] JavaFX - 이벤트 처리, 속성 감시, 바인딩CSE/Java 2015. 12. 21. 11:56
JavaFX는 여러 절로 구성되어 있습니다. Intro JavaFX 레이아웃(Layout) JavaFX 컨테이너(Container) JavaFX 이벤트 처리 & 속성 감시, 바인딩 JavaFX 컨트롤(Control) JavaFX 메뉴바와 툴바 & 다이얼로그 JavaFX 스레드 동시성 JavaFX 이벤트 처리 UI 어플리케이션은 사용자와 상호작용을 하면서 코드를 실행합니다. 사용자가 UI 컨트롤을 사용하면 이벤트(event)가 발생하고 프로그램은 이벤트를 처리하기 위해 코드를 실행합니다. 이벤트 핸들러(EventHandler) JavaFX는 이벤트 발생 컨트롤과 이벤트 핸들러를 분리하는 위임형(Delegation) 방식을 사용합니다. 위임형 방식이란 컨트롤에서 이벤트가 발생하면, 컨트롤이 직접 처리하지 않..
-
[Python] 파이썬 어휘 규약과 구문CSE/Python 2015. 12. 18. 15:39
어휘 규약과 구문 1. 줄 구조와 들여쓰기 프로그램에서 각 문장은 줄바꿈 문자로 끝납니다. 긴 문장은 아래 예처럼 줄이음 문자(\)로 작성할 수 있습니다. 삼중 따옴표로 둘러싸인 문자열, 리스트, 튜플, 사전 정의가 여러 줄에 걸쳐 있는 경우에는 줄이음 문자가 필요 없습니다. 더 일반화해서 말하면, 프로그램에서 괄호(...), 대괄호[...], 중괄호{...}나 삼중 따옴표로 둘러싸인 부분은 시작과 끝이 명확히 구분되므로 줄이음 문자 없이도 여러 줄에 걸쳐 있을 수 있습니다. 들여쓰기(Indentation)는 함수 몸체, 조건문, 루프, 클래스 등 다양한 코드 블록을 나타냅니다. 한 블록 안에서 첫 번째 문장에 적용되는 들여쓰기에는 제한이 없지만, 블록 전체로 봤을 때는 일관성이 있어야 합니다. 다음은 ..
-
[Python] 파이썬 입문 6(코루틴, 객체, 예외)CSE/Python 2015. 12. 18. 14:11
1. 파이썬 입문 1-1. 코루틴(Coroutine) 보통 함수는 입력으로 주어진 인수에 대해서 한 번만 실행됩니다. 하지만, 일련의 입력을 처리하도록 함수를 작성할 수도 있습니다. 이런 종류의 함수를 코루틴이라고 하고, 아래 예처럼 yield문을 표현식 형태로 사용해 생성할 수 있습니다. 123456def print_matches(matchtext): print "Looking for", matchtext while True: line = (yield) if matchtext in line: print linecs 이 함수를 사용하려면 먼저 호출을 한 번해서 첫 번째(yield)까지 진행하고 다음부터 send()로 데이터를 보내기 시작하면 됩니다. 코루틴은 send()로 값이 도착할 때까지 멈춰 있습니..