크롬확장 프로그램 만들기1

웨일짱

잡설

어 요즘 너무 일을 잘 안 해서... 어떻게 하면 효과적으로 동기부여를 할 수 있을까를 고민하다가.

 

크롬 확장프로그램에다가 동기부여 영상들을 넣어놓고 틀면 어떻까 해서...

 

뭐 동기가 뭐가 중요하겠냐만은 그래서 크롬 확장 프로그램을 만들어 보았다.

 

프로그램을 만들려고 여기저기 찾아보니까. 생활코딩님의 강의가 잘 되어있어서 

 

참고했습니다.

만들기

처음에는 확장 프로그램명으로 폴더를 만든 뒤에 

 

manifest.json파일을 추가해주세요.

 

{
    "name": "MotivationVideo",//확장프로그램명
    "version": "1.0",//버전
    "description": "Improve your will.",//간단한 설명
    "manifest_version": 2,//??
    "browser_action":{
        "default_icon":"icon.png",//아이콘파일명
        "default_popup":"popup.html"//팝업html이름
    }
}

 

여기까지는 간단합니다.

 

그다음에 html를 작성하시면 됩니다.

 

올리기

너무 작은데...;;

여기서 아무거나 우클릭하시면

이렇게 나오는데 여기서 확장 프로그램 관리를 누르시면

이런 식으로 나올 겁니다.

 

여기서 뒤로 가기 버튼을 누르시면 

요렇게 나옵니다.

 

여기서! 오른쪽 끝에 있는 개발자 모드를 켜시면!

 

개발자 모드

이렇게 나옵니다.

 

여기서  "압축 해제된 확장 프로그램을 로드합니다."를 누른 다음에 만들어 논 파일을 클릭하시면 됩니당.

 

출처:

https://opentutorials.org/module/2503/14051

웹페이지에서 공부한 단어의 수를 세기 (크롬 확장 기능 만들기) - 보편적이지 않은 코딩

https://developer.chrome.com/extensions/getstarted

Getting Started Tutorial - Google Chrome