- client: 사용자
- Web server: 클라이언트 요청 처리
- WAS: 클라이언트 요청 히스토리 관리
- DBMS: 자료 관리
- 웹서버에서 이미지, 텍스트 등을 찾아 클라이언트에게 돌려준다.
- 웹서버에 이어 WAS까지 이 요청 처리에 참여한다.
- 웹서버, WAS, DBMS까지 이 요청 처리에 참여한다.
- 정적자료 요청은 웹서버까지 도달하지 않고 클라이언트에서 알아서 처리된다.
- 웹서버에서 이미지, 텍스트 등을 찾아 클라이언트에게 돌려준다.
- 웹서버에 이어 WAS까지 이 요청 처리에 참여한다.
- 웹서버, WAS, DBMS까지 이 요청 처리에 참여한다.
- 정적자료 요청은 웹서버까지 도달하지 않고 클라이언트에서 알아서 처리된다.
- High Text Markup Language
- High Text Makeup Language
- HyperText Markup Language
- HyperText Makeup Language
- 웹에서 사용되는 모든 텍스트를 hypertext라 부른다
- 빅데이터
- 빠른 속도로 전달되어야 하는 자료
- 링크
- HTML 내에서 어떤 효과를 주기 위한 표시이다
- 여는 태그와 닫는 태그가 있다.
- 모든 태그는 닫아야 한다.
- 속성값을 가질 수 있고, 속성값을 여러 개일 수 있다.
- title
- body
- head
- b
- HTML
- Javascript
- CSS
- library
<style>h1 {color: green}</style>
<style>.h1 {color: green}</style>
<css>h1 {color: green}</css>
<css>.h1 {color: green}</css>
- 태그 선택자
- 외부 스타일시트
- 레이아웃
- 클래스 선택자
<h1 class="want_to_blue_text">공간정보 융합</h1>
.want_to_blue_text {color: blue}
want_to_blue_text {color: blue}
h1.want_to_blue_text {color: blue}
h1_want_to_blue_text {color: blue}
- box
- layout
- boxes
- div
- border
- box
- layout
- line

- 콘텐츠 영역: 실제로 글, 그림 등이 보여지는 영역
- padding: border부터 콘텐츠 영역까지의 안쪽 여백
- border: 테두리선
- margin: 테두리선의 두께
<button onClick='apple()'>아이폰<button>
<button click='apple()'>아이폰<button>
<button clickd='apple()'>아이폰<button>
<button clickevent='apple()'>아이폰<button>
- SDK
- App
- open API
- layout
- WMS
- WFS
- WCS
- WMTS
- WMS
- WFS
- WCS
- WMTS
- WMS
- WFS
- WCS
- WMTS
- 자바스크립트를 이용해 지도 앱을 만든다
- 여러 개의 레이어를 사용할 수 있어 주제도를 만들기 편하다
- 지도의 위치와 확대 정도(줌)을 설정할 수 있다.
- 공공기관에서는 유료로 구입해 사용해야 한다.
npm create ol-app test
npm create openlayers test
npm create test project
npm create project test
- 다양한 소스를 저장하고 있다가 WMS, WFS 등의 서비스를 제공해 지도 앱을 쉽게 만들 수 있다
- DBMS, CSV 파일과의 연계도 가능하다
- shp 파일은 사용하지 못한다는 단점이 있다.
- 무료로 사용할 수 있다.