크롬익스텐션 맛보기
Upcoming SlideShare
Loading in...5
×
 

크롬익스텐션 맛보기

on

  • 1,684 views

2012.06.05 랩 밋업데이 발표자료.

2012.06.05 랩 밋업데이 발표자료.

Statistics

Views

Total Views
1,684
Slideshare-icon Views on SlideShare
1,684
Embed Views
0

Actions

Likes
1
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    크롬익스텐션 맛보기 크롬익스텐션 맛보기 Presentation Transcript

    • 크롬
    •   익스텐션
    •   맛보기
    •    안오균
    •   
    • 오늘은?
    •    익스텐션
    •   간단
    •   소개
    •    가볍게
    •   콘솔
    •   찍어
    •   보기
    •    디버깅하려면?
    •    어떤
    •   게
    •   되고
    •   어떤
    •   게
    •   안
    •   되나?
    •    웹스토어에
    •   등록하기
    •   
    • 익스텐션에는-
    •    익스텐션
    •   UI와,
    •   패키지앱
    •   UI가
    •   있어요.
    •   
    • 익스텐션
    •   UI에는-
    •    페이지
    •   액션,
    •   브라우저
    •   액션,
    •    팝업이
    •   있는데,
    •   
    • 여튼,
    •   모든
    •   것은-
    •    HTML,
    •   CSS,
    •   JavaScript
    •   라는
    •   거-
    •   
    • 익스텐션
    •   만들기
    •    1.  manifest.json
    •   파일과,
    •    2.  HTML
    •   파일을
    •   만들고,
    •    3.  익스텐션으로
    •   로드.
    •   끝.
    •   
    • manifest.json
    •   
    • 익스텐션의
    •   대표적인
    •   구성
    •   요소로는,
    •    백그라운드
    •   페이지
    •    팝업
    •   페이지
    •    컨텐츠
    •   스크립트
    •   
    • 백그라운드
    •   페이지는-
    •    HTML
    •   또는
    •   JavaScript
    •   파일로
    •   되어
    •   있고,
    •    주로
    •   익스텐션의
    •   로직을
    •   담당합니다.
    •    이름처럼
    •   브라우저
    •   ‘뒷단’에서
    •   돌아요.
    •   
    • 익스텐션은
    •   브라우저와
    •   별도의
    •   프로세스로
    •   동작하고
    •   
    • 프로세스를
    •   죽일
    •   경우,
    •   익스텐션이
    •   깨졌다는
    •   얼럿이
    •   뜹니다.
    •   
    • 팝업
    •   페이지는-
    •   익스텐션
    •   아이콘을
    •   클릭했을
    •   때
    •   나타나는
    •   페이지를
    •   가리키고요.
    •   
    • 백그라운드
    •   페이지와
    •   팝업
    •   페이지는
    •   서로
    •   커뮤니케이션
    •   할
    •   수
    •   있습니다.
    •   
    • 컨텐츠
    •   스크립트는-
    •   페이지에
    •   삽입하는
    •   스크립트이고,
    •   마찬가지로
    •   백그라운드
    •   페이지와
    •   통신할
    •   수
    •   있습니다.
    •   
    • 익스텐션의
    •   대표적인
    •   구성
    •   요소!
    •    백그라운드
    •   페이지
    •    팝업
    •   페이지
    •    컨텐츠
    •   스크립트
    •   
    • 실습…⋯
    •   콘솔
    •   찍기와
    •   디버깅.
    •   
    • 어떤
    •   걸
    •   할
    •   수
    •   있나?
    •   •  원하는
    •   페이지에
    •   스크립트
    •   삽입
    •   •  컨텍스트
    •   메뉴
    •   컨트롤
    •   •  크로스
    •   도메인
    •   비동기
    •   요청
    •   •  윈도우,
    •   탭,
    •   북마크
    •   컨트롤
    •   •  옴니
    •   박스
    •   컨트롤
    •   
    •   
    • 조금
    •   더
    •   나아가서.
    •   •  개발자
    •   도구
    •   컨트롤
    •   •  페이지
    •   캡처(mhtml
    •   형식)
    •   •  프록시,
    •   웹리퀘스트
    •   조작
    •   •  Text-To-Speech
    •   기능
    •   •  네이티브
    •   연동(NaCl,
    •   NPAPI)
    •   
    • 할
    •   수
    •   없는
    •   것.
    •   •  스크립트로
    •   로컬
    •   파일
    •   시스템
    •   조작.
    •   •  페이지
    •   내
    •   자바스크립트
    •   객체
    •   접근.
    •   •  단축키로
    •   익스텐션
    •   팝업
    •   열기.
    •   
    • 웹스토어
    •   등록
    •   준비물
    •   zip으로
    •   압축한
    •   익스텐션.
    •   아이콘
    •   준비(48px,
    •   128px)
    •   스크린샷
    •   준비(1280x800)
    •   홍보
    •   이미지(440x280)
    •   5달러…⋯
    •   
    • 7,000
    •   다운로드!
    •   
    • 나머지
    •   자세한
    •   사항은,
    •   http://code.google.com/chrome/extensions/
    •   
    • 끝!
    •