HOME>디지털 실무>자바스크립트 | 제이쿼리>ajax
ONLINE CLASS

ajax

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆
기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

자세히 보기  >
♥
수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기  >
REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

ajax ajax

  • ajax

  • 강의구성
  • (13강) 전체 : 6시간 26분|평균 : 29분41초
  • 이용기간/강사
  • 2개월
    알지오 R&D [IT]
  • 증빙가능
  • 수료증, 수강증, 학습진도
  • 수강료
  • 250,000원할인125,000원
  • 알지오 패키지
    • "5개월" 혜택!
?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기 >
  • 01.31분 ajax 시작하기
    웹호스팅에서 ajax를 세팅하고 인코딩을 시작합니다.
    웹호스팅에서 세팅하기/도메인 주소 확인/인코딩 방식 설정/출력 화면 확인/If문 작성/varInput 변수 생성/상속 효과 구현/새 함수 정의/result 값 생성/상속 관계 구조/새 메소드 생성 예시/작업내용 백업
  • 02.38분 DOM
    dom/인코딩 방식/인수를 받는 클래스 생성/클래스의 인스턴스화/프로토타입 js/이름을 저장하는 클래스 생성/상속/인스턴스화/상속받은 메소드 재정의/자식 클래스 생성/상속받은 클래스 사용
  • 03.37분 추상클래스
    추상클래스/추상클래스 상속 받기/부모 Array에 값 넣기/for문/dom 객체/Event.observe/버튼 value값 설정/appendChild/버튼 제거 이벤트 생성
  • 04.18분 스타일 변경
    윈도우 로드 시 이벤트 생성/스타일변경 클릭 시 스타일 변경/숫자 값 입력받기/입력된 숫자에 따른 컬러 변경/div 배경색 설정
  • 05.32분 XMLHttpRequest XHR, 비동기
    XMLHttpRequest 내장객체, 프로퍼티와 비동기 통신에 대하여 알아봅니다.
    XMLHttpRequest, 내장객체/프로퍼티/responseText/iframe을 사용한 비동기 통신/XMLHttpRequest 객체 이용 비동기 통신/요청버튼 클릭 시 처리/데이터를 받은 후 처리/xhr.xml 파일 생성
  • 06.27분 xml 문서 코딩
    xml 문서를 코딩해봅니다.
    xml 문서 코딩/객체생성 메소드 정의/xml 파싱/createElement/textNode 생성/결과확인/검수하는 방법/Msxml2.XMLHTTP
  • 07.22분 json
    json 파일 생성과 읽어오는 방법에 대하여 알아봅니다.
    nodeValue/json/json 파일 읽기/클릭 이벤트 생성/json을 table로 보여주기/div에 내용 넣기
  • 08.25분 인코딩 방식에 따른 버튼 출력
    인코딩 방식에 따른 출력과 오류에 따른 객체 생성 및 요청 보내는 방법에 대하여 알아봅니다.
    파일 인코딩 방식에 따른 출력/클릭 이벤트 정의/클릭 시 결과 확인/오류에 따른 객체 생성 및 요청 보내기/try catch/요청 작업/get, post 방식에 다른 url 처리
  • 09.35분 이벤트 처리
    요소별 이벤트 처리하는 방법에 대하여 알아봅니다.
    요소별 이벤트 처리하는 방법/this/요청작업 준비/send 처리/addEventListener/removeEventListener/html에서 ajax연동/버튼 클릭 시 함수 구현/결과확인
  • 10.28분 이벤트 타겟, 마우스 이벤트
    이벤트 타겟을 구하는 방법과 마우스 이벤트에 대하여 알아봅니다.
    이벤트 타켓을 구하는 함수 생성/window.onload=function()/window.event ∥ e/마우스 이벤트 알아보기/마우스 버튼 이벤트 판별하기/스크롤 위치 알아내기
  • 11.24분 키보드 이벤트, 이벤트 전달 및 중지
    키보드 이벤트와 이벤트 전달, 이벤트 중지에 대하여 알아봅니다.
    키보드 이벤트/이벤트 값 넣기/이벤트 전달/ajax.Event.addListener/capture 결과확인/이벤트 전달 중지/기본 이벤트 중지/window.onload=function()
  • 12.28분 this
    이벤트 핸들러에서 this 문제를 해결하는 방법과 css 스타일 변경하는 방법에 대하여 알아봅니다.
    이벤트 핸들러 this/js 파일 생성/오류 확인/오류 해결/apply/css 스타일 변경/요소에 스타일 적용
  • 13.41분 스타일 설정 및 정보 얻기
    css class 변경과 Opacity 설정, 스타일 정보를 얻어오는 방법에 대하여 알아봅니다.
    css class 변경/실행 결과 확인/opacity 설정/window.onload=function()/eval/스타일 정보 얻어오기/함수 정의/element.style[property]/자바스크립트 스타일을 css로 변환/defaultView.getComputedStyle().getPropertyValue()

강의목록 다운로드                        1:1 강의 질문&답변