Ajax - 웹에서 화면을 갱신하지 않고 데이터를 서버로부터 가져와 처리하는 방법 - javascript의 XMLHttpRequest 객체로 데이터를 전달하고 비동기 방식으로 결과를 조회 - 화면 갱신이 없으므로 사용자 입장에서는 편리하지만, 동적으로 DOM을 구성해야 하므로 복잡 XMLHttpRequest - 자바스크립트가 Ajax 방식으로 통신할 때 사용하는 객체 - 실제 서버와의 통신은 브라우저의 ajax 엔진에서 수행 - readyState 값 의미 설명 0 Uninitialized 객체만 생성( open 메소드 호출 전) 1 Loading open 메소드 호출 2 Loaded send 메소드 호출. status의 헤더가 아직 도착되기 전 상태 3 Interactive 데이터 일부를 받은 상태 4..
jQuery - 복잡하고 방대해진 Ui 코드는 관리를 어렵게 한다. - 이러한 문제는 웹 페이지의 구조(HTML)와 행위(js)그리고 표현(css)을 분리하면 어느 정도 해결할 수 있다. jQuery 특징 - 크로스 플랫폼을 지원하는 제이쿼리는 어떠한 브라우저에서도 동일하게 동작 - 브라우저 호환성을 고려하여 대체코드를 작성할 필요가 없다. - 네이티브 DOM API보다 직관적이고 편리한 API제공하여 개발 속도를 향상 - Event 처리, Ajax, Animation 효과를 쉽게 사용 - 다양한 Effect 함수를 제공하여 동적인 페이지를 쉽게 구현 jQuery 주요 기능 - DOM 탐색과 조작 - 이벤트 바인딩과 처리 - Ajax 프로그래밍 - 다양한 effect 제공 jQuery 기본 구문 - 기본..
javascript - 클래스가 존재하지 않는 프로토타입 기반의 객체지향 언어이다. - - script 태그는 head, body 어느 곳에서나 선언 가능 - but, body안의 끝 부분에 태그 둘 것을 권장(더 빠르다) - 변수 선언시 숫자형이든 문자형이든 모두 var로 선언 - console.log()함수를 이용하여 브라우저의 콘솔창에 결과 출력 - 웹 브라우저가 HTML 문서를 순차적으로 해석(parsing)하므로 스크립트 위치에 따라 로드와 실행 지점이 달라진다. - Data 객체의 toLocalTimeString()함수 호출 시 현재 시간 return - innerHTML 프로퍼티에 값 할당 - setInterval() 함수 이용하여 1초마다 현재 시간 업데이트 기본 문법 변수 - javasc..
시맨틱 태그(Semantic Tag) - 웹사이트를 검색엔진이 좀 더 빠르게 검색할 수 있도록 하기 위해 특정tag에 의미를 부여하는 방식 - 예를 들어 는 문서의 주제를 나타내는 태그로써 가 사용된 웹 문서의 경우 검색엔진은 웹문서의 모든 내용을 검색하는 것이 아닌 의 내용만을 검색해서 보다 빠르게 검색을 진행할 수 있다. HTML 문서 구조 - 작동 원리 - 서버는 클라이언트의 요청 내용을 분석하여 결과값을 HTML로 전송 - 서버는 결과값을 전송한 후 클라이언트와 연결 종료 - 클라이언트는 서버로부터 전달받은 HTML을 웹브라우저에 표시 - 각 웹 브라우저는 브라우저 엔진이 내장되어 있고, 이 엔진이 tag를 해석하여 화면에 표현. CSS - Cascading Style Sheets - HTML문서..
