251104 - 드래곤 알을 구분하고 싶어

2009년부터 즐겨온 웹게임을 하다 문득 든 생각

드래곤의 동굴에서 알을 가져오는 컨셉의 웹게임이 있다. 알의 모양은 알 수 없고 설명만으로 뭔지 짐작해야 하는데, 문득 이 랜덤한 알들에 커서를 갖다대면 정보를 띄워주는 것을 개발하면 어떨까? 하는 생각이 들었다.

(알님 알님 제게 정보를 주세요)
어떻게 구현해볼 수 있을지 감이 잡히지 않아 GPT에게 물어보니 크롬 익스텐션을 만들어야 한다고.

manifest.json? 크롬 익스텐션에 꼭 필요한 녀석

참고 블로그1 참고 블로그2

크롬 익스텐션에서 꼭 필요한, 중요한 메타데이터를 담아 가장 처음에 로드되는 json 파일이 있다. 사실 전혀 만들 줄 모르다 보니 초반에는 GPT에게 이것저것 만들어달라고 했었는데, 내 손으로 해보고 싶어 참고 블로그들을 차근차근 읽어보고 작성해보려고 한다.

{
  "name": "Getting Started Example",
  "description": "Build an Extension!",
  "version": "1.0",
  "manifest_version": 3,
  "options_page" : "options.html",
  "background": {
    "service_worker": "background.js"
  },
  "permissions": ["storage", "activeTab", "scripting"],
  "action": {
    "default_popup": "popup.html",
	"default_icon": {
      "16": "/images/get_started16.png",
      "32": "/images/get_started32.png",
      "48": "/images/get_started48.png",
      "128": "/images/get_started128.png"
    }
  },
  "icons": {
    "16": "/images/get_started16.png",
    "32": "/images/get_started32.png",
    "48": "/images/get_started48.png",
    "128": "/images/get_started128.png"
  }
}

참고 블로그 기준으로는 이렇게 써있다. manifest.json 파일 내에서 주로 사용하는 옵션들은 다음과 같다고.

manifest_version: 매니페스트 파일 형식의 버전을 지정하는 정보
name: 최대 45자 이내 작성. short_name 옵션도 쓸 수 있는데 그건 12자 이내 작성. 별도로 작성하지 않으면 보통 name 옵션을 따라간다고 한다
permission: 크롬 API를 사용하기 위해 크롬 익스텐션에