1. XHR

3.
Ajax

4. 통신

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.
!
방향

24. -

25. 왼쪽인지

26. 오른쪽인지

27. 방향

28. 감지

30. -

31. 왼쪽-오른쪽-

32. 왼쪽

33. 이라면?

34.
속도

35.
이동거리
A B C
방향탐지!
touchstart, touchmove,

36. 숙제2.

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

63. new

64. stand

65.
XHR

66. 통신종료[RESULT]

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.

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