본문 바로가기

kosta29

[JSP] SpringBoot + Gradle + Jsp (PW:0) 보호되어 있는 글 입니다. 2022. 4. 8.
[JQuery] 이벤트, AJax 이벤트 - 웹 페이지에서의 다양한 종류의 상호작용 - JavaScript를 사용하여 DOM에서 발생되는 이벤트를 감지하고 대응 가능 버블링과 캡쳐링 - 캡쳐링 : 부모 HTML로부터 이벤트 근원지인 자식요소까지 검사하는 것 - 버블링 : 이벤트 발생 자식 요소부터 부모요소까지 올라가면서 이벤트를 검사하는 것 * 이벤트 캡쳐링 (버블링) 에 캡쳐 (버블) 속성의 이벤트 핸들러가 등록되어 있으면 수행 마우스 이벤트 - 계층 구조를 따라 버블링 키보드 이벤트 - 키보드 조작은 운영체제의 영향을 받으므로 특정 키가 이벤트 핸들러에게 전달되지 않을 수 있음 - 키보드 커서가 나타내는 위치부터 window 객체까지 버블링 - 키보드 커서가 나타내는 요소가 없다면 Document에서 이벤트가 발생 Frame 이벤트 .. 2022. 4. 7.
[JQuery] 이벤트 실습 Chapter 01 - highlight 추가 //팩토리 함수 $() //jQuery 객체 생성 (jQuery 함수를 호출) //var obj = {} //window.onload = function(){} => HTML문서 로딩 후 함수를 호출 가능 //var obj = {} => 자바스크립트 객체 // 아래 2개의 차이점 인지 //widow.onload = function(){} = HTML 문서 로딩 후 함수를 호출 (외부 리소스 포함) $(document).ready(function(){//외부 리소스 제외 : 문서 구조만 로딩 $('.poem-stanza').addClass('highlight'); }); //위를 아래와 같이 간략하게 작성 가능 $(function(){ $('.poem-stan.. 2022. 4. 4.
[JQueery] 기초 웹표준 개념 구조, 표현, 동작의 분리 - HTML (eXtensible Hypertext Markup Language) -> 웹페이지를 구성하고 표현하는 기본 언어 - CSS (Cascading Style Sheets) -> 웹페이지의 호환성 유지 및 다양한 액세스 기술을 사용 - DOM (Document Object Model) -> 컨텐츠, 구조, 문서 스타일을 프로그램과 스크립트가 동적으로 접근, 수정할 수 있는 플랫폼 (언어 중립적 인터페이스) - ECMAScript(Javascript) -> W3C표준으로 재정된 것이 아님 구조, 표현, 동작의 분리 AJax 구성요소 = 웹표준(구조, 표현, 동작의 분리) 구성요소 구조(Markup)와 표현(CSS, 디자인)의 분리 : xHTML + CSS 구.. 2022. 4. 1.
[AJAX] 맛보기 AJAX란? 대화식 Web Application 제작을 위한 개발 기법 - HTML, CSS : 표현 정보 - JavaScript : 동적화면 출력및 표시, 정보 교환 - XML, JSON : 서버와 비동기적 데이터 교환 AJAX 프로그래밍 순서 XML HttpRequest를 사용한 AJAX 프로그램 과정 * 이론은 알겠는데 딱 거기까진 것 같다. 왜냐면 실습코드가 아직 낯설다. 추가적인 공부를 해야한다. 실습 function getXMLHttpRequest() { if (window.ActiveXObject) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { return new ActiveXObject("Microsoft.XM.. 2022. 3. 30.
[JavaScript] 웹 브라우저 웹브라우저와 JavaScript Dom (Document Object Model) 개요 - HTML과 XML 문서의 내용을 조작하는 API - HTML이 객체의 계층 구조로 표현 - HTML계층 구조의 가장 상위에는 Document 노드가 위치 - 하위에는 HTML태그나 요소들을 나타내는 노드와 문자열을 포함하는 노드로 구성 - Document : HTML or XML 문서를 나타냄 - HTMLDocument : HTML의 문서와 요소만을 나타냄 - HTMLElement의 하위 타입 : JavaScript Property를 정의 (JavaScript Property : HTML 단일요소, 요소 집합의 속성) - comment 노드 : HTML이나 XML의 주석 DOM 제어 - 웹 브라우저는 HTML, C.. 2022. 3. 28.

티스토리툴바