크롬익스텐션 맛보기

1,604 views
1,467 views

Published on

2012.06.05 랩 밋업데이 발표자료.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,604
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

크롬익스텐션 맛보기

  1. 1. 크롬
  2. 2.  익스텐션
  3. 3.  맛보기
  4. 4.   안오균
  5. 5.  
  6. 6. 오늘은?
  7. 7.   익스텐션
  8. 8.  간단
  9. 9.  소개
  10. 10.   가볍게
  11. 11.  콘솔
  12. 12.  찍어
  13. 13.  보기
  14. 14.   디버깅하려면?
  15. 15.   어떤
  16. 16.  게
  17. 17.  되고
  18. 18.  어떤
  19. 19.  게
  20. 20.  안
  21. 21.  되나?
  22. 22.   웹스토어에
  23. 23.  등록하기
  24. 24.  
  25. 25. 익스텐션에는-
  26. 26.   익스텐션
  27. 27.  UI와,
  28. 28.  패키지앱
  29. 29.  UI가
  30. 30.  있어요.
  31. 31.  
  32. 32. 익스텐션
  33. 33.  UI에는-
  34. 34.   페이지
  35. 35.  액션,
  36. 36.  브라우저
  37. 37.  액션,
  38. 38.   팝업이
  39. 39.  있는데,
  40. 40.  
  41. 41. 여튼,
  42. 42.  모든
  43. 43.  것은-
  44. 44.   HTML,
  45. 45.  CSS,
  46. 46.  JavaScript
  47. 47.  라는
  48. 48.  거-
  49. 49.  
  50. 50. 익스텐션
  51. 51.  만들기
  52. 52.   1.  manifest.json
  53. 53.  파일과,
  54. 54.   2.  HTML
  55. 55.  파일을
  56. 56.  만들고,
  57. 57.   3.  익스텐션으로
  58. 58.  로드.
  59. 59.  끝.
  60. 60.  
  61. 61. manifest.json
  62. 62.  
  63. 63. 익스텐션의
  64. 64.  대표적인
  65. 65.  구성
  66. 66.  요소로는,
  67. 67.   백그라운드
  68. 68.  페이지
  69. 69.   팝업
  70. 70.  페이지
  71. 71.   컨텐츠
  72. 72.  스크립트
  73. 73.  
  74. 74. 백그라운드
  75. 75.  페이지는-
  76. 76.   HTML
  77. 77.  또는
  78. 78.  JavaScript
  79. 79.  파일로
  80. 80.  되어
  81. 81.  있고,
  82. 82.   주로
  83. 83.  익스텐션의
  84. 84.  로직을
  85. 85.  담당합니다.
  86. 86.   이름처럼
  87. 87.  브라우저
  88. 88.  ‘뒷단’에서
  89. 89.  돌아요.
  90. 90.  
  91. 91. 익스텐션은
  92. 92.  브라우저와
  93. 93.  별도의
  94. 94.  프로세스로
  95. 95.  동작하고
  96. 96.  
  97. 97. 프로세스를
  98. 98.  죽일
  99. 99.  경우,
  100. 100.  익스텐션이
  101. 101.  깨졌다는
  102. 102.  얼럿이
  103. 103.  뜹니다.
  104. 104.  
  105. 105. 팝업
  106. 106.  페이지는-
  107. 107.  익스텐션
  108. 108.  아이콘을
  109. 109.  클릭했을
  110. 110.  때
  111. 111.  나타나는
  112. 112.  페이지를
  113. 113.  가리키고요.
  114. 114.  
  115. 115. 백그라운드
  116. 116.  페이지와
  117. 117.  팝업
  118. 118.  페이지는
  119. 119.  서로
  120. 120.  커뮤니케이션
  121. 121.  할
  122. 122.  수
  123. 123.  있습니다.
  124. 124.  
  125. 125. 컨텐츠
  126. 126.  스크립트는-
  127. 127.  페이지에
  128. 128.  삽입하는
  129. 129.  스크립트이고,
  130. 130.  마찬가지로
  131. 131.  백그라운드
  132. 132.  페이지와
  133. 133.  통신할
  134. 134.  수
  135. 135.  있습니다.
  136. 136.  
  137. 137. 익스텐션의
  138. 138.  대표적인
  139. 139.  구성
  140. 140.  요소!
  141. 141.   백그라운드
  142. 142.  페이지
  143. 143.   팝업
  144. 144.  페이지
  145. 145.   컨텐츠
  146. 146.  스크립트
  147. 147.  
  148. 148. 실습…⋯
  149. 149.  콘솔
  150. 150.  찍기와
  151. 151.  디버깅.
  152. 152.  
  153. 153. 어떤
  154. 154.  걸
  155. 155.  할
  156. 156.  수
  157. 157.  있나?
  158. 158.  •  원하는
  159. 159.  페이지에
  160. 160.  스크립트
  161. 161.  삽입
  162. 162.  •  컨텍스트
  163. 163.  메뉴
  164. 164.  컨트롤
  165. 165.  •  크로스
  166. 166.  도메인
  167. 167.  비동기
  168. 168.  요청
  169. 169.  •  윈도우,
  170. 170.  탭,
  171. 171.  북마크
  172. 172.  컨트롤
  173. 173.  •  옴니
  174. 174.  박스
  175. 175.  컨트롤
  176. 176.  
  177. 177.  
  178. 178. 조금
  179. 179.  더
  180. 180.  나아가서.
  181. 181.  •  개발자
  182. 182.  도구
  183. 183.  컨트롤
  184. 184.  •  페이지
  185. 185.  캡처(mhtml
  186. 186.  형식)
  187. 187.  •  프록시,
  188. 188.  웹리퀘스트
  189. 189.  조작
  190. 190.  •  Text-To-Speech
  191. 191.  기능
  192. 192.  •  네이티브
  193. 193.  연동(NaCl,
  194. 194.  NPAPI)
  195. 195.  
  196. 196.
  197. 197.  수
  198. 198.  없는
  199. 199.  것.
  200. 200.  •  스크립트로
  201. 201.  로컬
  202. 202.  파일
  203. 203.  시스템
  204. 204.  조작.
  205. 205.  •  페이지
  206. 206.  내
  207. 207.  자바스크립트
  208. 208.  객체
  209. 209.  접근.
  210. 210.  •  단축키로
  211. 211.  익스텐션
  212. 212.  팝업
  213. 213.  열기.
  214. 214.  
  215. 215. 웹스토어
  216. 216.  등록
  217. 217.  준비물
  218. 218.  zip으로
  219. 219.  압축한
  220. 220.  익스텐션.
  221. 221.  아이콘
  222. 222.  준비(48px,
  223. 223.  128px)
  224. 224.  스크린샷
  225. 225.  준비(1280x800)
  226. 226.  홍보
  227. 227.  이미지(440x280)
  228. 228.  5달러…⋯
  229. 229.  
  230. 230. 7,000
  231. 231.  다운로드!
  232. 232.  
  233. 233. 나머지
  234. 234.  자세한
  235. 235.  사항은,
  236. 236.  http://code.google.com/chrome/extensions/
  237. 237.  
  238. 238. 끝!
  239. 239.  

×