9주 dom & event advanced 실습
- 1. DOM
- 3. Event
- 4. Advanced
- 5. 실습
- 6. 9주
- 7. 공지 차주
- 8. 수업있어요
- 9. :
- 10. -)
- 11. 금요일
- 12. 2,3분반
- 13. 중
- 14. 선택참여 최종
- 15. 시험일정
- 16. 9월23일까지
- 17. 완료하고
- 18. 당일
- 19. 면담평가를
- 20. 합니다
- 21. 1분반
- 22. 9월25,
- 23. 26일까지
- 24. 완료하고
- 25. 당일
- 26. 면담평가를
- 27. 합니다
- 28. 2,3분반
- 29. 숙제1
- 30. 생각나니
- 31. ? 데이터를
- 32. 기반으로
- 33. 동적으로
- 34. HTML
- 35. 문자열을
- 36. 만드는
- 37. 함수를
- 38. 제작합니다. var
- 39. aBookList
- 40. =
- 41. [
- 43. {
- 46. id
- 47. :
- 51. name
- 52. :
- 53. 아서왕과
- 54. 원탁의
- 55. 기사들,
- 58. imgSrc
- 59. :
- 63. src
- 64. :
- 68. author
- 69. :
- 70. 토머스
- 71. 불핀치
- 73. },
- 75. {
- 78. id
- 79. :
- 83. name
- 84. :
- 85. 어린왕자,
- 88. imgSrc
- 89. :
- 93. src
- 94. :
- 98. author
- 99. :
- 100. 앙투안
- 101. 드
- 102. 생텍쥐페리
- 104. }
- 105. ];
- 106. ! var
- 107. sTemplate
- 108. =
- 109. h2%=title%/h2diva
- 113. aBookList);
- 115. //
- 116. “h2어린왕자/h2diva
- 119. 미션
- 120. 책의
- 121. 특정
- 122. 장르를
- 123. 마우스
- 124. 클릭하면
- 125. 책
- 126. 10권에
- 127. 해당하는
- 128. 임의
- 129. 데이터가
- 130. 본문내용으로
- 132. 대체되도록
- 133. 합니다. 개발할
- 134. 것은,
- 135. 특정
- 136. 장르에
- 137. 클릭이벤트
- 138. 핸들러
- 139. 만들고,
- 140. 본문에
- 141. 대체될
- 142. html
- 143. 템플릿
- 144. 만들어두고,
- 145. 템플릿에
- 146. 넣을
- 147. dummy
- 148. 데이터
- 149. 10개
- 150. 정도
- 151. 만들어야
- 152. 하고,
- 153. innerHTML에
- 154. 결과를
- 155. 넣어야
- 156. 하고
- 158. 숙제2
- 159. 다음과
- 160. 같은
- 161. element
- 163. 가
- 164. 있다.
- 165. div id= 'wrap' ul li뉴스/li li카페/li li블로그/li li메일/li /ul /div ! 위
- 166. html에
- 167. 어떠한
- 168. id,class
- 169. 를
- 170. 부여하지
- 171. 않고
- 173. 블로그
- 174. 앞에
- 175. ‘쇼핑’을
- 176. 동적으로
- 177. 추가하라
- 180. (insertBefore,
- 181. createElement
- 182. ,textContent
- 183. 를
- 185. 실습
- 186. 실습1
- 187. 숙제를
- 188. 했다면
- 189. 현재
- 191. ’장르’를
- 192. 클릭하면
- 193. 본문의
- 194. 책
- 195. 내용이
- 196. 교체됩니다.
- 197. ! 모든
- 198. ‘장르’에
- 199. 이벤트를
- 200. 등록하지
- 201. 않고
- 202. 이벤트
- 203. 위임(delegation)방식으로
- 204. 처리해보세요.
- 205. 실습2
- 206. ! ‘더보기’
- 207. 버튼을
- 208. 클릭하면
- 209. 기존
- 210. 책
- 211. 내용에
- 213. 추가로
- 214. 책
- 215. 내용이
- 216. 추가되도록
- 217. 합니다.
- 218. (data는
- 219. 임의로
- 220. 만들어둡니다)
- 221. 실습3
- 223. 실습 3-1과 3-2중 선택해서 하면 됨 A B C
- 224. 실습
- 225. 3-1
- 227. “좌,우
- 228. 버튼을
- 229. 터치하면
- 230. 다른
- 231. 콘텐츠가
- 232. 노출됩니다” A B C touchstart? , touchend?
- 233. 실습
- 234. 3-2
- 236. “슬라이딩
- 237. 하면
- 238. 다른콘텐츠가
- 239. 나옵니다” A B C 방향탐지! touchstart, touchmove, touchend image : http://jessefreeman.com/articles/from-webkit-to-windows-8-touch-events/
- 240. End ;-D