• 1. Ajax의 궁극적인 목적
• 2. Ajax 아키텍처
• 3. Ajax 통신
• 4. Ajax와 MVC 패턴
• 5. Ajax에 있어 DOM의 역할



• 세션 상세 소개
  'Ajax를 이해한다'는 것은 보다 나은 웹 애플리케이션 개발을 위한 필수조건입니다.
  비동기 통신을 하는 것이 Ajax라고 하지만 Ajax의 첫 글자인 A가 비동기 통신을 의미하므로 이는 잘못된 이해입니다. 나머지 jax 까지 모두 이해하고, 각 요소기술이 하모니를 이룰 때 진정한 Ajax 애플리케이션이 됩니다.
  
  웹 애플리케이션을 개발함에 있어 가장 중요한 것은 유저 인터페이스(UI: User Interface)이며, DOM은 UI를 구현함에 있어 핵심이 되는 언어입니다.
  JavaScript를 자세히 들여다 보면 if, while, for 등 코드를 제어하는 것이지 UI와 관련된 것은 없습니다. DOM에 속한 HTML 구조 제어, HTML 속성 제어, 이벤트 처리, CSS 속성 처리를 제외하면 웹 애플리케이션에 무엇이 남습니까?
  
  웹 애플리케이션은 DOM의 구현력에 따라 좌우된다고 할수 있기 때문에 DOM에 대한 탄탄한 기초가 필요합니다..

• 1. HTML 엘리먼트 오브젝트 생성 및 제어
• 2. DOM 트리 제어
• 3. HTM 엘리먼트 속성 제어
• 4. DOM 이벤트 모듈
  
  
• 세션 상세 소개
  DOM의 기본적인 사상과 오브젝트를 생성해야 하는 근본적인 목적 및 이유에 대해 살펴봅니다.
  
  DOM 트리(Tree)가 갖는 목적을 이해하고 이를 통해 HTML을 구조적으로 접근하는 것을 알게 됩니다. HTMLElement에는 많은 속성(Attribute/Property)이 있으며 이의 제어를 이해하는 것은 웹 애플리케이션 개발의 기본이라고 할 수 있습니다.
  
  사용자가 클릭을 하면 반드시 이에 대해 응답을 해야 하며 나아가서 사용자가 액션(Action)을 할 수 있도록 유도해야 살아있는 애플리케이션이 됩니다.
  이를 위해서는 이벤트(Event) 처리를 반드시 이해해야 합니다.

• 1. HTML 도큐먼트 인터페이스
• 2. 폼 컨트롤
• 3. 리스트, 문단 오브젝트 인터페이스
• 4. 테이블 인터페이스
  
  
• 세션 상세 소개
  DOM HTML은 DOM에서 가장 쉬운 부분이라고 할 수 있습니다.
  그야말로 HTML의 속성을 제어하는 것입니다. 하지만 간과해서는 안 되는 것이 인터페이스 개념입니다. 이를 통해 DOM을 보다 원리적으로 이해하게 될 것입니다.
• 본 세션에서 사용되는 예제 소스는 강의 중 동시 디버깅 합니다.

• 1. 엘리먼트 속성 제어
• 2. 룰셋 제어
• 3. style 속성 값 설정 및 제어
• 4. DOM Views
  
  
• 세션 상세 소개
  개발자가 꺼려하는 것이 CSS입니다. 디자이너와 중복되는 사항이기도 합니다.
  
  그럼, 어디까지가 개발자의 범위인가요?
  DOM Style & Views는 이의 기준을 제시하고 있다고 할 수 있습니다.
  랜더링된 값을 제어하는 방법과 랜더링 우선순위를 이해하게 됨에 따라 보다
  유려한 UI를 구현할 수 있을 것입니다.
• 본 세션에서 사용되는 예제 소스는 강의 중 동시 디버깅 합니다.