크롬 확장프로그램 만들기 / 사전 지식과 준비물 / Chrome Extensions

크롬 확장프로그램 만들기를 위해 필요한 것은 개발툴은 비주얼스튜디오코드와 웹개발을 위한 html, css, javascript 그리고 크롬 확장프로그램 개발 안내서 정도만 있으면 된다. 웹에 대한 지식만 있다면 크롬 확장프로그램 만들기는 진입장벽이 낮아질 것이다. 만약 웹개발 지식이 부족하다면 크롬 확장프로그램와 같이 공부해도 무방하다.

크롬 확장프로그램 만들기
사전 지식과 준비물
Chrome Extensions

크롬 확장프로그램 만들기
사전 지식과 준비물
Chrome Extensions

크롬 확장프로그램에 관심이 있고, 자작 프로그램을 제작하여 배포하고 싶은 것은 개발자라면 도전해봐도 좋은 과제다.
크롬 확장프로그램을 만드는 방법은 튜토리얼이나 예제 등을 보면 접근하는 것은 어렵지 않다.
이미 가지고 있는 지식 등을 이용하면 되며 html, css, javascript 만 알고 있으면 된다.
html, css, javascript 는 이미 웹개발에 필요한 것이기에 진입장벽은 낮다.
다만, 현재 크롬 확장프로그램의 manifest ( 명세서 ) 버전은 3 이기에 기존의 버전 2 튜토리얼 등은 참고만 하는 것이 좋다.

웹브라우저의 기능 확장

크롬 웹브라우저의 확장프로그램은 웹브라우저가 가진 기능들을 더욱 풍부하게 해 준다.
과거부터 지금까지 나름 오래되었고, 유틸리티부터 게임까지 다양하다.
개발자라면 한번쯤 학습할 분야이기도 하며, 회사라면 마케팅 등의 용도로 사용해도 좋다.
활용범위는 다양하다.
특히, 개발자들을 위한 유틸리티 등도 많이 있으며, 블로그나 마케팅을 위한 툴들도 많이 있다.
일단 크롬 웹스토어를 방문하여 어떤 프로그램들이 있는지 확인해 보도록 하자.

• [ Chrome 웹 스토어 ]

매니페스트 v3

현재 크롬 웹브라우저를 위한 확장프로그램을 개발하려면 매니페스트 ( manifest.json ) 의 이해가 필요하다.
현재 버전 3 을 기준으로 구글은 설명하고 있으며 과거의 버전 2 들은 일부 크롬 웹브라우저에서 실행되지 않을 수 있다.
매니페스트 파일은 크롬 확장프로그램이 어떤 것인지 설명하는 명세서와 같은 파일이며, 이전의 강의들이 버전 2 라는 점에서 오류가 발생할 수 있다.
하지만, 달라진 점은 크게 없으며, 다만 버전 2로 만들어진 크롬 확장프로그램의 매니페스트 파일의 내용을 수정해 주는 것으로 예제 등을 따라할 수 있다.

필요한 것들 / 준비물

크롬 확장프로그램 만들기를 위해 필요한 것은 이미 알고 있는 웹개발지식과 개발툴, 안내서 등을 참고하면 된다.
당연히 크롬 웹브라우저는 필수로 가지고 있으면 되며, 비주얼 스튜디오 코드 ( VisualStudio Code ) 로 확장프로그램을 개발 할 수 있다.
만약, 웹에 대한 지식이 없다면 W3Schools 을 방문하여 내용을 살펴보자.
의외로, 쉽게 설명이 되어 있을 것이다. 양이 많아서 문제지만 말이다.
아래는 크롬 웹브라우저의 확장프로그램 만들기를 위해 필요한 내용이다.

• 크롬 웹브라우저
  [ Chrome 웹브라우저 (google.com) ]
• 크롬 확장프로그램 개발 안내서
  [ Chrome 앱 및 확장 프로그램 만들기 및 게시하기 ]
  [ GitHub - Chrome Extensions Samples ]
• 비주얼스튜디오코드
  [ Visual Studio Code - Code Editing. Redefined ]
• 사전지식
• html5, css3, javascript
  [ W3Schools Online Web Tutorials ]