make a chrome extension

1. 2018.12.6세미나
주제:크롬확장프로그램ChromeExtension)에대하여
발표자:헤드,숨
내용:
구글크롬확장프로그램
구글크롬확장프로그램(GoogleChromeExtension)은구글크롬브라우저를수정하는브라우저확장프로그램이다.[1]이러한확장
은HTML,JavaScript및CSS와같은웹기술을기반으로사용하여작성된다.[2]크롬확장프로그램은크롬웹스토어[3](이전의"크롬
확장프로그램갤러리")를통해다운로드할수있다.[1]2010년2월기준,개발자가2,200개가넘는확장프로그램을게시했다.[4]구
글계정을가진모든사용자는확장프로그램을개발한후에확장프로그램을추가할수있다.[5]
기존크롬과달리노란색아이콘으로표시되는카나리아빌드판은플러그인충돌과같은발생할수있는문제나예상치못한버그에
대해상대적으로노출이민감하기에유용하다
확장성
구글크롬확장프로그램은일반적으로자바스크립트의API를기반으로프로그램되며,크롬브라우저를기능이나형태면에서사용
자에게옵션을선택할기회를제공한다.[6][7]
크롬확장프로그램은웹스토어에게시되지않았더라도이와는별개로개인적인커스터마이징을지원하기도한다.[8][9]
확장프로그램들(예시)
애드블록플러스구글검색-구글공식확장프로그램애드블록드롭박스컷더로프판도라(음악서비스)
PixlrHTTPSEverywhere에버노트프라이버시오소리(PrivacyBadger)페이스북메신저

2. 20분만에 Chrome
Extension “뚝딱” 만들
기2018. 12. 6
헤드 && 숨

3. 01 What is a Chrome Extension?
CONTENTS
02
03
04
The Most Popular Chrome
Extensions
How to Create
For My Back

4. WhatisaChromeExtension?

5. 새 탭에서 예쁜 배경화면을 볼 수 있는 Momentum
The Most Popular Chrome Extensions

6. 드래그만 하면 단어 뜻을 보여주는 Google Dictionary
The Most Popular Chrome Extensions

7. 유튜브 광고를 차단해주는 AdBlocker for YouTube
The Most Popular Chrome Extensions

8. IP를 우회하여 차단된 콘텐츠를 볼 수 있게 해주는 Browsec VPN (불법인가?ㄷㄷ)
The Most Popular Chrome Extensions

9. 지친 당신의 허리를 위하여 For My Back
The Most Unpopular Chrome Extensions

10. Install
Chrome
Create the
Manifest
Add
components
Upload
How To Create a Chrome Extension
Every extension has
a JSON-formatted
manifest file, name
d
manifest.json, that
provides important
information.
• background scrip
ts
• content scripts
• an options page
• UI elements
• various logic files

11. For My Back

12. Create the manifest.json File
ForMyBack

13. Get an Icon
ForMyBack
* https://thenounproject.com/

14. Make HTML & JS Files
ForMyBack

15. Make HTML & JS Files
ForMyBack

16. How To Test
ForMyBack

17. How To Test
ForMyBack

18. How To Test
ForMyBack

19. How To Test
ForMyBack

20. How To Test
ForMyBack

21. How To Test
ForMyBack

22. Make A CSS File
ForMyBack

23. Upload File
ForMyBack

24. 질
문
?

25. Thank
you