목록프론트 (9)
CheerUp_Cheers
AJAX
#AJAX란? Asychronous JavaScript And XML(AJAX) 비동기 자바스크립트와 XML(요청보내놓고, 없이 하다가 오며는 작업) 전체 웹페이지 갱신 필요없음. 서버와 데이터 교환, 그 결과를 Html Dom구조에 반영하여 화면 일부 갱신. 근간되는 기술은 XMLHttpRequest, JavaScript. #XMLHttpRequest (XHR) 얘가 있어야 AJAX가 있는것. 웹 브라우저에서 제공되는 자바스크립트 객체 웹 브라우저와 웹서버간의 데이터 교환 목적으로 사용 웹 페이지 로딩이 완료된 상태에서, 자바스크립트에 의해 서버와 데이터 교환이 가능. #JQuery Ajax 시각적으로 인식하기가 쉬움. #AJAX 주기 #Modal 모들 윈도(Modal Window)는 사용자 인터페이스..
0428 - 프론트앤드
#HTML 웹 표준에 따라 문서의 구조를 만드는 가장 적합한 기술. 자신의 지식에 모두 넣는거보다. API를 이용하는것이 좋다 https://www.w3schools.com/ W3Schools Online Web Tutorials HTML Example: This is a heading This is a paragraph. Try it Yourself » CSS Example: body { background-color: lightblue; } h1 { color: white; text-align: center www.w3schools.com #Selector Style을 적용하고자하는 HTML 요소를 특정할 필요가 있다. HTML요소를 셀렉터로 특정하고 그 요소에 스타일을 적용하는 것. [1] Elem..
자바스크립트 - 문서객체모델(DOM)
#학습내용 - DOM의 이해와 Windows 객체 - 웹 문서 접근 - 웹 문서의 조작 #학습목표 - 객체를 생성하고 Property와 Method를 접근하여 사용 가능. - 다양한 내장 객체의 사용법을 알고 활용. #DOM의 의미 #최근과 예전 - 예전 : 웹 브라우저 내부에서 실행되는 경우. - 지금 : 100% 웹브라우저에서만 실행된다고 보기 힘듬. 코어 자바스크립트 vs 클라이언트 측 자바스크립트(DOM 스크립트) 1) 코어 자바 : 자바스크립트의 기본이 되는 부분만 정의 2) DOM스크립트 : 웹브라우저에 관련된 자바스크립트 #DOM 클라이언트 측 자바스크립트의 핵심. 객체화 -> 구조화 -> 계층 으로 구성. - 웹 브라우저와 웹 문서의 내용 객체화 - 만약 웹 브라우저 창의 위치를 알고 싶다..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.