- 강의구성
- (13강) 전체 : 6시간 26분|평균 : 29분41초
- 이용기간 / 강사
- 2개월 / 알지오 R&D [IT]
- 수강료
- 250,000원
- 125,000원
수강 전 자주 묻는 질문
교재 없이? 초보자도 가능 한가요?
교재 없이도 동영상과 실습 자료만으로 학습할 수 있으며, 초보자도 이해하고 따라올 수 있도록 설계된 강의입니다.
알지오의 강의특징은 무엇인가요?
알지오 강의는 단순 촬영본이 아니라, 전문 편집으로 핵심만 담아 학습 효율을 높인 강의입니다.
프로그램은 어떻게 구하나요?
알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.
수강생 여러분께 감사드리며, 납부하신 수강료 일부는 매월 사회 환원 활동에 사용됩니다. 특히 소외된 이웃들에게 라면을 기부하며 작은 나눔을 이어가고 있습니다. 자세한 내용은 아래 링크에서 확인하실 수 있습니다. 알지오 사회환원 활동
-
01.31분
ajax 시작하기
웹호스팅에서 ajax를 세팅하고 인코딩을 시작합니다.
웹호스팅에서 세팅하기/도메인 주소 확인/인코딩 방식 설정/출력 화면 확인/If문 작성/varInput 변수 생성/상속 효과 구현/새 함수 정의/result 값 생성/상속 관계 구조/새 메소드 생성 예시/작업내용 백업
-
dom/인코딩 방식/인수를 받는 클래스 생성/클래스의 인스턴스화/프로토타입 js/이름을 저장하는 클래스 생성/상속/인스턴스화/상속받은 메소드 재정의/자식 클래스 생성/상속받은 클래스 사용
-
추상클래스/추상클래스 상속 받기/부모 Array에 값 넣기/for문/dom 객체/Event.observe/버튼 value값 설정/appendChild/버튼 제거 이벤트 생성
-
윈도우 로드 시 이벤트 생성/스타일변경 클릭 시 스타일 변경/숫자 값 입력받기/입력된 숫자에 따른 컬러 변경/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()
