크롬 확장프로그램 만들기 개발 순서 만들고 설치하고 배포하기

크롬 확장 프로그램은 크롬 웹브라우저의 확장 기능을 만들고 기능적 편의성을 높이는데 있다. 찾아보면 오만가지 유용한 프로그램부터 게임에 이르기까지 다양한 것들이 존재한다. 아이디어가 있다면 스터디해 보는 것도 방법이다. html, css, javascript 정도만 알고 있다면 크롬 확장 프로그램을 개발하는데 큰 어려움은 없다.

크롬 확장프로그램 만들기 개발 순서 만들고 설치하고 배포하기

기회가 생겨 크롬 웹브라우저에서 사용할 확장프로그램을 스터디하고 있다.

새로운 기술을 익히는 것이 어렵게 느껴질 수도 있지만 크롬 확장 프로그램을 익히는데 큰 기술을 필요하지 않다.

이미 많이 사용하고 있는 html, css, javascript 정도만 알고 있으면 된다.

나머지는 튜토리얼이나 강의 자료를 찾아보고 그대로 따라하면 그 뿐이다.

하지만, 현재 크롬 확장 프로그램의 경우 매니페스트 ( Manifest ) 버전이 3 으로 올라갔기 때문에 과거의 강의 내용과 코드는 실행이 되지 않을 수 있다.

차라리 새롭게 공부를 하는게 마음이 편하다.

제작 순서

크롬 확장 프로그램을 만들기 위해 필요한 과정은 다음과 같다.

코딩을 위한 에디터를 설치하고 코딩을 한다. 그리고, 크롬 웹브라우저에 등록하고 테스트를 하면 된다.

만약, 대중의 반응을 보고 싶다면 크롬 확장 프로그램을 배포하면 된다.

아래는 코드 에디터를 설치하고 배포하는 단계까지의 과정을 보여준다.

1. 더보기 ] 비주얼 스튜디유 코드 에디터 설치하는 방법
2. 더보기 ] 라이브 서버 ( Live Server ) 설치 및 실행하기
3. 코딩하기
4. 크롬 웹브라우저에 설치하기
5. 테스트하기
6. 디버그하기
7. 배포하기

위의 과정은 천천히 진행해 볼 예정이며, 내용이 추가될 때마다 포스팅을 연결해 보도록 한다.