테라시아의 웹개발일기

DOM(Document Object Model)     - HTML Tag 들을 하나씩 오브젝트화 한 것     - HTML 페이지의 모양과 내용을 제어하기 위해 사용하는 객체                                                  - div, ul, li 어떤 것도 자바스크립트의 객체로 선언 가능     - HTML 태그 당 DOM 객체가 하나씩 생성     - HTML 태그의 포함관계에 따라 Parent-Child 관계로 구성 ☆ Code ★ DOM Name Property Java C Javascript

Callback     함수를 호출할 때, 인자로 함수를 전달하는 기술 ☆ Code

JSON(JavaScript Object Notation)    - Javascript용 표기 방식     - REST API 등에서 많이 사용됨     - JSON 객체는 Object로 변환이 가능하며       Object도 JSON으로 변환이 가능함     - JSON.parse : String -> Object     - JSON.stringify : Object -> String ☆ Code Javascript JSON Object

Object(객체)     객체의 고유한 속성은 Property라고 부르며     여러 Property(Key-Value의 쌍)으로 표현됨     account = {          name: "Jack",         number: "001234-5678901",         code: "24hour"     }     - account.프로퍼티명     - account['프로퍼티명']     객체는 함수도 가질 수 있으며 이를 메서드라고 부름     account = {         deposit: function(money){             예금 넣으면 할 일;         }     }     account.deposit(10000); ☆ Code Javascript Obj..

☆ Code ★ json_data { "search_word": [ {"rank": "1", "name": "JSP"}, {"rank": "2", "name": "Spring"}, {"rank": "3", "name": "Java"}, {"rank": "4", "name": "Javascript"} ]} ★ json_test JSON Ajax Test Realtime Search Ranking Keyword

☆ Code ★ ajax_test Get Request send(GET) Post Request send(POST) Request Status  ★ ajax_response"); out.println("보물은 우편번호 " + zipcd + "에 묻혀있다네...");%>

세션(Session)     내장 객체로서 브라우저마다 한 개씩 존재하고     고유한 세션 아이디(SessionID) 생성 후 정보 추출     장점     - JSP 등 언어에서만 접근 가능하므로 보안성이 좋음     - 저장 용량 한계가 거의 없음     단점     - 서버에 데이터를 저장하므로 서버에 부하 위험 ☆ Code ★ session 님 반갑습니다. 회비는 29만원입니다. Login Info. id : pw :  ★ session_ok

쿠키(Cookie)     웹 브라우저가 보관하고 있는 데이터(로컬에)             웹 서버에 요청을 보낼 때 쿠키를 헤더에 담아 전송     웹 브라우저는 쿠키가 삭제되기 전까지 웹 서버에 쿠키 전송     장단점     - 클라이언트의 특정 폴더에 정보를 저장하므로 서버 부하 낮음     - 데이터 저장 용량의 한계     - 일반 사용자가 브라우저 설정에서 쿠키 차단을 사용하면 사용 불가     - 정보가 사용자 PC에 저장되므로 보안 위협 존재     - 동작 방식     1) 쿠키 생성 : 웹 서버가 쿠키를 생성하고 response에 쿠키를 담아서                   웹 브라우저에 전송     2) 쿠키 저장 : 웹 브라우저는 응답에 있는 쿠키를                ..

JSP에서는 다른 페이지로 이동할때 를 사용한다. ☆ Code ★ forward" /> ★forward_naver

액션 태그(Action Tag)     서버나 클라이언트에게 어떤 행동을 하라고 명령하는 태그     페이지와 페이지 사이를 연결하거나     다른 페이지의 내용을 현재 페이지에 포함하거나     자바빈즈(JavaBeans) 등의 다양한 기능을 제공     액션 태그의 형식은 XML 형식      1) forward                  다른 페이지로의 이동     2) include                  외부 페이지의 내용 포함     3) param                  현재 페이지에서 다른 페이지로 데이터 전달     4) useBean                  Java 파일에 있는 객체 가져오기(new 기본생성자())     5) setProperty        ..