물먹는산세베리아

크롬 확장 프로그램 만들기_자료조사 본문

Project/MedicQR (창업동아리)

크롬 확장 프로그램 만들기_자료조사

suntall 2021. 10. 9. 22:02

구글 크롬 확장 프로그램은 HTML, JavaScript, CSS와 같은 웹 기술을 기반으로 작성된다.

 

튜토리얼

https://developer.chrome.com/docs/extensions/mv3/

 

Welcome - Chrome Developers

Documentation for Chrome extensions developers.

developer.chrome.com

https://support.google.com/chrome/a/answer/2714278?hl=ko 

 

맞춤 Chrome 앱 및 확장 프로그램 만들기 및 게시하기 - Google Chrome Enterprise 고객센터

도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요

support.google.com

https://minwook-shin.github.io/chrome-extension/

 

구글 크롬 확장 프로그램 만들기

오늘은 구글 크롬의 확장 프로그램을 만들려고 입문해보시는 분을 대상으로 간단하게 알려드리는 정도의 포스팅을 하려고 합니다.

minwook-shin.github.io

웹페이지의 단어 수 세기 (전체 글 중 해당 단어가 몇%를 차지하는지)

https://opentutorials.org/course/2473/14086

 

크롬 확장 기능 만들기 - 생활코딩

수업소개 탈웹화. 최근 웹 기술이 광범위하게 보급되면서 웹이 아니라고 생각했던 분야에서도 웹기술이 사용되는 사례가 급격히 늘고 있습니다. 이 수업에서는 그 사례 중의 하나로서 크롬 웹

opentutorials.org

 

날씨 확장 프로그램 (짱귀여움)

https://medium.com/@ywsis/%ED%81%AC%EB%A1%AC-%ED%99%95%EC%9E%A5-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0-f9d24d4be053

 

크롬 확장 프로그램 만들어보기

오늘은 말 그대로 크롬 확장 프로그램을 만드는 과정을 작성해보려고 한다. 처음으로 혼자 하는 프로젝트다 보니 잡다한 어려움이 있었다. 하지만 크게 어렵지는 않았다. 처음 보는 API document에

medium.com

 

 

원하는 위치에 원하는 문자 넣기

https://www.youtube.com/watch?v=f3NLUDVB23Q 

확장프로그램 열면 버튼이 있음

그 버튼을 누르면 지정해둔 곳에 지정해둔 문자(숫자가 입력됨)

 

활용 방안

  • 버튼 여러 개 생성 
    • 특정 사이트에서 찾기, 특정 확장파일만 찾기 등등 
  • 해당 버튼 클릭 시 site:, .pdf 등 검색창에 input되고, 적당한 위치에 커서 옮기면 끝

기본 기능은 위 영상처럼 하면 될 듯 (맘잡고 2~3이면 끝날 거 같은데)

근데 좀 이쁘게 만들고, 기능들을 보기 쉽게 디자인 해야 할 듯

추가 기능 더 넣고

 

저작자표시

'Project > MedicQR (창업동아리)' 카테고리의 다른 글

의류 매칭 관련 기술  (0) 2021.11.24
'Project/MedicQR (창업동아리)' Related Articles more