[수업 D-25 ] JS)DOM, AJAX

 

2020.08.14(금) 0주차 0일

 

가벼운 정리 

contentType="text/xml

get방식 써주기

xhr.open('get', 'aa.xml', true); //xml에서 써놓은 text를 그~~냥 긁어옴

---

1. 부트스트랩 Bootstrap

프로젝트 이름web_pro1> 클래스 이름F_layout.html

 

1. Document Object Model)

Js13

카페 : Ajax 10번 DOM

https://poiemaweb.com/js-dom 에서 설명을 잘함

: <nodeName>nodeValue</nodeName>

DOM을 쓰면 서버에서 끌어온 데이터를 클라이언트마다 DB를 알아서 굴릴 수 있다.

클라이언트마다 맞는 화면을 구성해줄 수 있다.

2. DOM 연습

JS14

============================오후수업

3. AJAX!!!!!

JS15.html

카페 : Ajax 1번 AJAX란?

비동기 방식 Asynchronous

장점

페이지 이동없이 고속으로 화면을 전환할 수 있다.

서버 처리를 기다리지 않고, 비동기 요청이 가능하다.

수신하는 데이터 량을 줄일 수 있고, 클라이언트에게 처리를 위임할 수도 있다.

단점

Ajax를 쓸 수 없는 브라우저에 대한 문제가 있다.

Http클라이언트의 기능이 한정되어 있다.

페이지 이동없는 통신으로 인한 보안상의 문제

지원하는 Charset이 한정되어 있다.

스크립트로 작성되므로 Debugging이 용이하지 않다.

요청을 남발하면 역으로 서버 부하가 늘 수 있음.

자료요청-서버로부터 자료받기

부분데이터를 원하는 부분만

대표적인 기능

구글맵(서서히 들어오는 지도 데이터)

검색 추천 메뉴바

쇼핑할때 이미지에 마우스 살짝 대면 관련정보가 확 뜨는것

그냥 파일 ajax

XML 파일 aa

카페 XML PPT => XML 문서형태 : 자유로움 , so Generic으로 제약을 가함

시작태그 요소내용 종료태그

xml 구조적인 데이터 1

aa,json

구조적인 데이터 2

임의의 데이터 추가 삭제 수정 가능

CSV ,로 구별지어지는 데이터

브라우저에서 파싱

=============

txt

aa.XML 읽기

aa.json

DB에서

JS16.jsp

web-inf에 기존 마리아 mariadb-java-client-1.3.6 붙여넣기

---

※ 오늘 배우고 느낀 것 

 

1. 

 

2.

 

3.