웹사이트를 하나 만들기에는 부담스럽고, 내 브라우저에서 바로 쓸 작은 도구를 만들고 싶다면 Chrome Extension이 좋은 프로젝트가 될 수 있습니다.
예를 들어 특정 페이지의 텍스트를 복사해 정리하거나, 자주 쓰는 링크를 한 번에 열거나, 페이지에 작은 버튼을 추가하는 식입니다.
확장 프로그램은 몇 가지 부품으로 구성됩니다
아주 단순화하면 다음 요소를 만날 수 있습니다.
manifest.json: 확장 프로그램의 이름, 권한, 실행 파일 등을 정의- 팝업 화면: 아이콘을 눌렀을 때 보이는 UI
- content script: 웹페이지 안에서 동작하는 코드
- background/service worker: 뒤에서 이벤트를 처리하는 코드
모든 프로젝트가 이 요소를 전부 필요로 하지는 않습니다.
AI와 만들기 좋은 이유
작은 확장 프로그램은 기능 범위가 비교적 명확합니다. “현재 탭의 제목과 URL을 복사하는 버튼”처럼 요청을 구체적으로 만들기 쉽습니다.
AI가 필요한 파일 구조와 코드 초안을 빠르게 만들어줄 수 있어 초보자가 결과물을 경험하기 좋습니다.
권한은 꼭 확인하세요
확장 프로그램은 웹페이지와 브라우저 기능에 접근할 수 있으므로 권한 설정이 중요합니다. AI가 필요 이상으로 넓은 권한을 추가하지 않았는지 확인해야 합니다.
Chrome Web Store에 공개하려면 개인정보와 권한 정책도 확인해야 합니다.
첫 프로젝트는 개인용 도구가 좋습니다
처음부터 많은 사용자를 위한 확장 프로그램을 만들기보다, 내가 매일 반복하는 행동 하나를 줄이는 도구를 추천합니다. 요구사항을 직접 알고 있기 때문에 결과가 맞는지 판단하기 쉽습니다.
작은 자동화가 잘 동작하면 버튼, 저장 기능, 외부 API 같은 기능을 하나씩 확장할 수 있습니다.
AI 시대의 좋은 첫 코딩 프로젝트는 거대한 서비스가 아니라, 오늘 바로 써볼 수 있는 작은 도구일 수 있습니다.