popup창 띄우기

정보를 전달하기 위해 만든 창.
아이디 중복검사, 우편번호 찾기에 많이 사용.

사용법)
1. 창열기
window.open("들어갈 HTML URL", "창 아이디", "속성,,,")
//속성( width=값, height=값, top=값, left=값, scrolling=값 )

2. 자식창에서 부모창으로 값 전달.
   //opener : 자식창에서 부모창으로 접근할 때 사용하는 객체
   opener.window.document.폼이름.control명.value = 자식창의 값
   opener.window.document.getElementById("아이디").value=자식창의 값

3. 자식창 닫기
   self.close();

• 부모창에서 자식창으로 값 보내기

1. 부모창에 자식창으로 전송할 값을 가져와서
   var id=document.frm.id;

2. QueryString으로 붙여 JSP로 넘긴다.
   window.open("들어갈 HTML URL?이름="+값, "창 아이디", "속성,,,")

3. 자식창에서 부모창의 값 받기
   JSP코드를 사용.
   -- scriptlet
   <% String id = request.getParameter("이름");%>

-- EL(Expression Language)

다음 우편번호 API(Open API)

외부 library(다음에서 제공)

1. \<script src="">를 붙여넣는다.
   \<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js">\</script>

2. 제공하는 소스코드를 수정 또는 사용

history 객체

web browser에서 이전에 방문한 기록을 사용할 수 있는 객체
web browser가 동작중인 경우에만 작동된다.(web browser가 종료되면 사라진다.)
속도향상(웹 브라우저는 사용자가 방문한 웹 사이트의 HTML을 저장하고, 뒤로가기나 앞으로가기를 클릭하면 서버로 요청을 보내지 않고, 접속자에게 저장된 HTML을 보여준다.)

Storage

HTML5에서 제공하는 객체
접속자의 접속자 web browser에 저장하는 기술.
localStorage와 sessionStorage를 제공.
window객체에서 제공.
접속자 개인을 식별하는 개인화에 사용된다.
접속자 컴퓨터에 정보가 저장되므로, 접속자가 삭제, 변경이 가능.
(중요한 정보는 저장하지 않는다.)

SessionStorage

접속자의 웹 브라우저가 열려있는 동안에만 유지되는 storage.
접속자의 정보를 다음 번 접속에 사용할 수 없다.(웹 브라우저가 종료되면 사라짐)
키와 값의 쌍으로 이루어져있다.
Cookie와 다르게 다양한 데이터 형을 저장할 수 있다.

1. 객체를 얻는다.
   var ss = window.sessionStorage;

2. 값 설정.
   ss.setItem("키", 값)

3. 값 얻기
   var value = ss.getItem("키");

4. 아이템 삭제
   ss.removeItem("키");

5. Storage의 모든 값 삭제
   ss.clear();

JSON(JavaScript Object Notation)

값들을 가진 객체
문자열, 숫자, 불린, 함수를 저장하고 사용할 수 있다.
이름과 값의 쌍.
저장된 데이터는 이름을 사용하여 값을 얻을 수 있다.
JSONObject, JSONArray를 사용할 수 있다.

{이름 : 값,,,,}
/*
문자열(String) : "a", 'a'
숫자(number) : 4, 4.5
불린(boolean) : true, false
함수(function) : 무기명 함수
*/
javascript에서 문자열 형식으로 JSONObject만들 수 있다.(eval함수 사용)

1. 문자열 형식
var txt="{이름:값,,,}";

2. eval함수를 사용하여 문자열을 객체로 생성하여 얻는다.
var jsonObj = eval("("+ json문자열 +")");

* JSONObject 형식
var jsonObj={이름 : 값,,,};

3. Parsing
- 값 얻기
- 함수가 아닌 값(문자열, 숫자, 불린)
jsonObj.이름
- 함수
jsonObj.함수명();//()를 붙이지 않으면 함수의 내용이 문자열로 출력된다.

4. 값 추가
jsonObj.이름 = 값

5. 값 삭제
delete jsonObj.삭제할 이름