Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
지수 윤
758 views
10주 ajax 실습
Related topics:
Front-End
•
Read more
2
Save
Share
Embed
Embed presentation
Download
Downloaded 20 times
1
/ 10
2
/ 10
3
/ 10
4
/ 10
5
/ 10
6
/ 10
7
/ 10
8
/ 10
9
/ 10
10
/ 10
More Related Content
PDF
회사에서 써보는 SQLAlchemy
by
Jc Kim
PPTX
파이썬 언어 기초
by
beom kyun choi
PDF
10주 ajax
by
지수 윤
PDF
Html5 web workers
by
Woo Jin Kim
PDF
7주 JavaScript Part2
by
지수 윤
PPTX
Web workers
by
Hyun Jun Jang
PDF
처음배우는 자바스크립트, 제이쿼리 #1
by
성일 한
PPTX
Web Components 101 polymer & brick
by
yongwoo Jeon
회사에서 써보는 SQLAlchemy
by
Jc Kim
파이썬 언어 기초
by
beom kyun choi
10주 ajax
by
지수 윤
Html5 web workers
by
Woo Jin Kim
7주 JavaScript Part2
by
지수 윤
Web workers
by
Hyun Jun Jang
처음배우는 자바스크립트, 제이쿼리 #1
by
성일 한
Web Components 101 polymer & brick
by
yongwoo Jeon
What's hot
PPTX
Nexacro
by
HyungKuIm
PDF
React 애플리케이션 아키텍처 - 아무도 알려주지 않아서 혼자서 삽질했다.
by
병대 손
ODP
Ajax 기술문서 - 김연수
by
Yeon Soo Kim
PPTX
5-4. html5 offline and storage
by
JinKyoungHeo
PDF
진짜기초 Node.js
by
Woo Jin Kim
PPTX
HTML5의 web worker
by
Yongho Ji
PDF
[D2 오픈세미나]5.robolectric 안드로이드 테스팅
by
NAVER D2
PPT
헷갈리는 자바스크립트 정리
by
은숙 이
PDF
Light Tutorial Django
by
Kwangyoun Jung
PDF
(WPF교육)ListBox와 Linq 쿼리를 이용한 간단한 데이터바인딩, 새창 띄우기, 이벤트 및 델리게이트를 통한 메인윈도우의 ListB...
by
탑크리에듀(구로디지털단지역3번출구 2분거리)
PDF
처음배우는 자바스크립트, 제이쿼리 #4
by
성일 한
PPTX
Startup JavaScript 8 - NPM, Express.JS
by
Circulus
PPTX
Nodejs, PhantomJS, casperJs, YSlow, expressjs
by
기동 이
PDF
[1B4]안드로이드 동시성_프로그래밍
by
NAVER D2
PDF
ReactJS | 서버와 클라이어트에서 동시에 사용하는
by
Taegon Kim
PPTX
5-5. html5 connectivity
by
JinKyoungHeo
PPTX
ECMAScript 6의 새로운 것들!
by
WooYoung Cho
PDF
Memory_leak_patterns_in_JavaScript_SYS4U
by
sys4u
ODP
Django와 flask
by
Jiho Lee
PDF
Laravel 로 배우는 서버사이드 #4
by
성일 한
Nexacro
by
HyungKuIm
React 애플리케이션 아키텍처 - 아무도 알려주지 않아서 혼자서 삽질했다.
by
병대 손
Ajax 기술문서 - 김연수
by
Yeon Soo Kim
5-4. html5 offline and storage
by
JinKyoungHeo
진짜기초 Node.js
by
Woo Jin Kim
HTML5의 web worker
by
Yongho Ji
[D2 오픈세미나]5.robolectric 안드로이드 테스팅
by
NAVER D2
헷갈리는 자바스크립트 정리
by
은숙 이
Light Tutorial Django
by
Kwangyoun Jung
(WPF교육)ListBox와 Linq 쿼리를 이용한 간단한 데이터바인딩, 새창 띄우기, 이벤트 및 델리게이트를 통한 메인윈도우의 ListB...
by
탑크리에듀(구로디지털단지역3번출구 2분거리)
처음배우는 자바스크립트, 제이쿼리 #4
by
성일 한
Startup JavaScript 8 - NPM, Express.JS
by
Circulus
Nodejs, PhantomJS, casperJs, YSlow, expressjs
by
기동 이
[1B4]안드로이드 동시성_프로그래밍
by
NAVER D2
ReactJS | 서버와 클라이어트에서 동시에 사용하는
by
Taegon Kim
5-5. html5 connectivity
by
JinKyoungHeo
ECMAScript 6의 새로운 것들!
by
WooYoung Cho
Memory_leak_patterns_in_JavaScript_SYS4U
by
sys4u
Django와 flask
by
Jiho Lee
Laravel 로 배우는 서버사이드 #4
by
성일 한
Similar to 10주 ajax 실습
PDF
이승재, 실시간 HTTP 양방향 통신, NDC2012
by
devCAT Studio, NEXON
PDF
웹개발자가 알아야할 기술
by
jaypi Ko
PDF
막하는 스터디 첫 번째 만남 Node.js
by
연웅 조
PDF
고전적인 기술로 현대적인 웹앱 만들기 - HTMX / 2024 제주웹컨퍼런스
by
동수 장
PDF
CRUD Pattern in Ajax
by
Rhio Kim
PDF
Ajax ellen seon_ss
by
Ellen Seon
PDF
처음배우는 자바스크립트, 제이쿼리 #3
by
성일 한
PPTX
4-2. ajax
by
JinKyoungHeo
PDF
[WEB UI BASIC] JavaScript 3탄
by
Jae Woo Woo
PPT
First Step In Ajax Korean
by
Terry Cho
PPTX
4-3. jquery
by
JinKyoungHeo
PPTX
javascript03
by
ChangHyeon Bae
PDF
[D2 CAMPUS] 안드로이드 오픈소스 스터디자료 - Http Request
by
NAVER D2
PPTX
Html5
by
상길 안
PPTX
Hacosa jquery 1th
by
Seong Bong Ji
PDF
현대고등학교 PHP 강의 - 7,8차시 (설리번 프로젝트)
by
Ukjae Jeong
PPTX
Hacosa j query 8th
by
Seong Bong Ji
PDF
jQuery angular, React.js 로 댓글달아보기 공부했던 기록
by
라한사 아
PPTX
Android Network
by
cooddy
PDF
DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
by
dgmit2009
이승재, 실시간 HTTP 양방향 통신, NDC2012
by
devCAT Studio, NEXON
웹개발자가 알아야할 기술
by
jaypi Ko
막하는 스터디 첫 번째 만남 Node.js
by
연웅 조
고전적인 기술로 현대적인 웹앱 만들기 - HTMX / 2024 제주웹컨퍼런스
by
동수 장
CRUD Pattern in Ajax
by
Rhio Kim
Ajax ellen seon_ss
by
Ellen Seon
처음배우는 자바스크립트, 제이쿼리 #3
by
성일 한
4-2. ajax
by
JinKyoungHeo
[WEB UI BASIC] JavaScript 3탄
by
Jae Woo Woo
First Step In Ajax Korean
by
Terry Cho
4-3. jquery
by
JinKyoungHeo
javascript03
by
ChangHyeon Bae
[D2 CAMPUS] 안드로이드 오픈소스 스터디자료 - Http Request
by
NAVER D2
Html5
by
상길 안
Hacosa jquery 1th
by
Seong Bong Ji
현대고등학교 PHP 강의 - 7,8차시 (설리번 프로젝트)
by
Ukjae Jeong
Hacosa j query 8th
by
Seong Bong Ji
jQuery angular, React.js 로 댓글달아보기 공부했던 기록
by
라한사 아
Android Network
by
cooddy
DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
by
dgmit2009
More from 지수 윤
PDF
재사용UI 컴포넌트설계
by
지수 윤
PDF
WEB Front-End 개발과정 살펴보기
by
지수 윤
PDF
JS특징(scope,this,closure)
by
지수 윤
PDF
JavaScript Debugging (수업자료)
by
지수 윤
PDF
6주 javaScript 시작하며
by
지수 윤
PDF
JavaScript OOP Pattern
by
지수 윤
PDF
비동기와 이벤트큐 수업자료
by
지수 윤
PDF
7주 JavaScript Part1
by
지수 윤
PDF
Clean Front-End Development
by
지수 윤
PDF
재사용가능한 서비스코드제작
by
지수 윤
PDF
Front-End 개발의 괜찮은 선택 ES6 & React
by
지수 윤
PDF
CSS Layout
by
지수 윤
PDF
WEBUI Advanced중간시험
by
지수 윤
PDF
HTML,CSS Next
by
지수 윤
PDF
코드스쿼드 마스터즈세미나 - UI개발자가돼보자
by
지수 윤
PDF
더 나은 SW프로젝트를 위해
by
지수 윤
PDF
9주 DOM & Event Advanced
by
지수 윤
PDF
JavaScript Debugging (동영상강의자료)
by
지수 윤
PDF
크로스브라우징
by
지수 윤
PDF
개발자를 알아보자.
by
지수 윤
재사용UI 컴포넌트설계
by
지수 윤
WEB Front-End 개발과정 살펴보기
by
지수 윤
JS특징(scope,this,closure)
by
지수 윤
JavaScript Debugging (수업자료)
by
지수 윤
6주 javaScript 시작하며
by
지수 윤
JavaScript OOP Pattern
by
지수 윤
비동기와 이벤트큐 수업자료
by
지수 윤
7주 JavaScript Part1
by
지수 윤
Clean Front-End Development
by
지수 윤
재사용가능한 서비스코드제작
by
지수 윤
Front-End 개발의 괜찮은 선택 ES6 & React
by
지수 윤
CSS Layout
by
지수 윤
WEBUI Advanced중간시험
by
지수 윤
HTML,CSS Next
by
지수 윤
코드스쿼드 마스터즈세미나 - UI개발자가돼보자
by
지수 윤
더 나은 SW프로젝트를 위해
by
지수 윤
9주 DOM & Event Advanced
by
지수 윤
JavaScript Debugging (동영상강의자료)
by
지수 윤
크로스브라우징
by
지수 윤
개발자를 알아보자.
by
지수 윤
10주 ajax 실습
1.
XHR
2.
3.
Ajax
4.
통신
5.
6.
공지
7.
! 차주
8.
수업
9.
순서
10.
작성해주세요
11.
기말과제확정
12.
했어요
13.
(카페공지참고)
14.
! !
!
15.
숙제1.
16.
모바일웹
17.
A B C
방향탐지! touchstart, touchmove, A B C touchstart? , touchend?
18.
어떤
19.
것들을
20.
고려했나요
21.
?
22.
! 방향
23.
24.
-
25.
왼쪽인지
26.
오른쪽인지
27.
방향
28.
감지
29.
30.
-
31.
왼쪽-오른쪽-
32.
왼쪽
33.
이라면?
34.
속도
35.
이동거리 A
B C 방향탐지! touchstart, touchmove,
36.
숙제2.
37.
38.
아래코드는
39.
오류가
40.
발생합니다.(console탭에서
41.
확인)
42.
왜
43.
오류가
44.
나는지
45.
자세히
46.
서술하고,
47.
정상적으로
48.
동작가능하게
49.
코드를
50.
수정하세요.
51.
! 정상적으로
52.
수정이
53.
되면
54.
console창에
55.
아래와
56.
같이
57.
출력되야
58.
합니다.
59.
! new
60.
title
61.
is
62.
63.
new
64.
stand
65.
XHR
66.
통신종료[RESULT]
67.
68.
69.
Object
70.
{title:
71.
new
72.
stand,
73.
newsCount:
74.
10,
75.
newsTtitle:
76.
Array[3]}
77.
http://codepen.io/nigayo/pen/pwfzl?editors=001
78.
(function() { !
var url = http://codepen.io/nigayo/pen/EjbcK.js;! var request = new XMLHttpRequest();! request.open(GET , url , true);! request.send(null);! ! request.onreadystatechange = function() {! if(request.readyState === 4 request.status === 200) {! result = request.responseText;! result = JSON.parse(result);! console.log(new title is , result.title);! }! }! ! var elDiv = document.querySelector(#resultArea);! elDiv.style.border=2px solid gold;! ! console.log(XHR 통신종료[RESULT] , result);! ! })(); 메모리
79.
STACK
80.
공간에서
81.
실행 ‘statechange’
82.
이벤트가
83.
발생하고,
84.
STACK이
85.
비워졌을
86.
때
87.
실행 메모리
88.
STACK
89.
공간에서
90.
실행 따라서
91.
콜백함수는
92.
즉시
93.
실행되는
94.
것이
95.
아니다
96.
!
97.
실습1.
98.
장르
99.
-
100.
책클릭
101.
-
102.
Ajax를
103.
통해서
104.
가져온
105.
데이터를
106.
본문에
107.
추가(또는
108.
교체)하자.
109.
! !
110.
실습2.
111.
112.
status
113.
가
114.
200이나
115.
304가
116.
아니면
117.
에러메시지를
118.
사용자에게
119.
노출하자.
120.
(alert,
121.
console,
122.
DOM에
123.
에러내용
124.
출력등)
125.
! 2
126.
millisecond
127.
안에
128.
응답이
129.
오지
130.
않으면
131.
요청을
132.
취소하자.
133.
hint)
134.
setTimeout을
135.
활용하고,
136.
XMLRequest
137.
객체의
138.
abort()라는
139.
메서드를
140.
사용해서
141.
취소하자.
142.
! !
143.
End ;-D
Download