50일차: Google Maps / jQuery UI / JSP 태그와 내장 객체 2021.08.24

 

목차

1.     Google Maps

2.     jQuery UI

3.     JSP 태그와 내장 객체

 

 

1. Google Maps

• 구글 키 인증

- API키를 발급받아야 사용이 가능(https://console.developers.google.com/)

 

• 관련 API

① Google Developers

- 주소: https://developers.google.com/maps/?hl=ko

 

② w3school 사이트

- 주소: https://www.w3schools.com/graphics/google_maps_reference.asp)

- 상단 ‘References’ 메뉴를 선택하면 API 참고 가능

 

 

 

2. jQuery UI

1) jQuery UI 개념

- jQuery UI는 인터렉티브한 웹을 제공할 수 있도록 하는 인터페이스 개발 도구이다.

- jQuery UI 사이트(http://jqueryui.com)에서 라이브러리 다운로드 또는 CDN 방식으로 이용 가능

- jQuery UI는 애니메이션 효과, 위젯을 쉽게 사용할 수 있도록 탭을 만들거나 경고 창을 띄우는 등의 효과를 줄 수 있다.

 

2) jQuery UI에서 제공하는 기능

① 인터렉션(Interaction)

- Draggable

- Droppable

- Resizable

- Selectable

- Sortable

 

② 위젯(Widgets)

- Accordion

- Autocomplate

- Button

- Checkboxradio

- Controlgroup

- Datepicker

- Dialog

- Menu

- Progressbar

- Selectmenu

- Slider

- Spinner

- Tabs

- Tooltip

 

③ 이펙트(Effects)

- Add Class

- Color Animation

- Easing

- Effect

- Hide

- Remove Class

- Show

- Switch Class

- Toggle

- Toggle Class

 

④ 유틸리티(Utilities)

- Position

- Widget Factory

 

3. JSP 태그와 내장 객체

 

1) JSP의 5대 Tag

① 스크립틀릿 태그(Scriptlet tag)	<%      %>
② 선언 태그(Declaration tag)	<%!     %>
③ 표현식 태그(Expression tag)	<%=    %>
④ 지시어 태그(Directive tag) 1) 페이지 태그(page tag) 2) 포함 태그(include tag) 3) 사용자 정의 태그(tag library tag)	<%@ page  %> <%@ include  %> <%@ taglib  %>
⑤ 액션 태그(action tag)	<jsp:usebean >, <jsp:setProperty > <jsp:getProperty >, <jsp:include > <jsp:forward >, <jsp:plugin >

 

2) JSP의 9대 내장 객체

- request

- response

- out

- session

- application

- config

- page

- pageContext

- exception