[크롬 확장기능] 백준 문제 번호로 바로 이동

설명

백준 페이지를 넘버링으로 간편하게 이동하고 싶어 만든 간단한 익스텐션.

버튼 클릭 또는 엔터키를 통하여 이동할 수 있다.

 

과정

알고리즘 공부를 하던 도중, 번호를 외워 페이지를 옮겨다니는 편인지라 간단한 툴이 있으면 좋겠다는 생각을 하고 있었다.

매우 직관적이고 단순한 기능이기 때문에 금방 구현할 수 있을 것 같아 크롬 확장 프로그램을 알아보았다.

manifest.json과 이와 연결될 index.html파일이면 쉽게 구현이 가능했다.

제작 방법 참고 자료 : https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/

 

알고있는 웹 지식을 활용하여 간단한 이동 로직을 구현했다.

 

알게 된 점

크롬 익스텐션은 보안상의 문제로 인라인 함수를 지원하지 않는다.

https://stackoverflow.com/questions/62241554/chrome-extension-policy-error-refused-to-execute-inline-event-handler-because-i

 

결과

간단한 기능이기에 manifest.js, index.html 그리고 크롬의 보안 규정을 준수할 actions.js 총 세 가지 파일만으로 만들어졌다.

https://github.com/JuNijen/baekjoon-chrome-extension