이 게시물을 통해 Chrome 확장 프로그램 시작 환경에 대한 몇 가지 중요한 개선사항과 이러한 꿈에 동참할 수 있는 몇 가지 방법을 알려드리게 되어 기쁩니다.
이전 가이드
이전에는 Chrome 확장 프로그램 시작하기 튜토리얼이 사용자가 확장 프로그램 팝업에서 버튼을 클릭할 때 현재 페이지의 배경 색상을 변경하는 기본 확장 프로그램 예시였습니다. 또한 네 가지 색상 중 하나를 고를 수 있는 옵션 페이지도 포함되어 있습니다.
이 기본 예에서는 실제 확장 프로그램에서 자주 사용되는 기능을 추가하는 방법을 보여주지 않았습니다. 개편 시기였습니다.
새로운 접근 방식
Google에서는 개발자들이 Chrome 확장 프로그램 학습을 시작할 때 Google 문서를 신뢰한다는 것을 잘 알고 있으며, Google의 목표는 접근성이 높고 초보자에게 익숙하며 관련성이 높은 과정을 제공하는 것입니다. 기존 튜토리얼의 예를 개선하기 위해 애쓰는 대신, 처음부터 시작하기로 결정했습니다.
새롭게 개선된 시작하기 컬렉션 소개:
- 확장 프로그램 101
- 웹 기술과 일반적으로 사용되는 확장 프로그램 구성요소와 같은 Chrome 확장 프로그램 개발의 기본 개념을 간단히 다룹니다. 또한 Chrome 웹 스토어에서 확장 프로그램을 설계하고 배포할 때 알아야 할 사항도 포함되어 있습니다.
- 개발 기본사항
- Hello, Extensions 예를 만들어 확장 프로그램 개발 워크플로를 소개합니다. 개발 중에 확장 프로그램을 로드하고, 로그 및 오류를 찾고, 프로젝트 구조를 선택하고, Typescript를 사용하는 방법을 안내합니다.
- 읽기 시간 튜토리얼
- 기사 읽기를 다 끝내야 하는 시간을 알면 도움이 됩니다. 읽기 시간에서는 모든 확장 프로그램 문서 페이지에 예상 읽기 시간이 포함된 요소를 삽입하는 방법을 배울 수 있습니다.
- 집중 모드 튜토리얼
- 페이지에서 불필요한 요소를 없애기 때문에 가장 관련성 높은 정보에 집중할 수 있습니다. 집중 모드는 페이지 스타일을 변경하고 주의를 분산시키는 몇 가지 요소를 숨기는 방법을 보여줍니다.
- 탭 관리자 튜토리얼
- 확장 프로그램 개발을 연구하는 동안 여러 창에 걸쳐 많은 문서 탭이 생길 수 있습니다. 탭 관리자는 Chrome 확장 프로그램 및 Chrome 웹 스토어 도움말 탭을 정리합니다.
이 튜토리얼에서는 실제 확장 프로그램을 빌드하는 방법을 알려줄 뿐만 아니라 개발 팁과 권장사항도 공유합니다. 또한 이러한 확장 프로그램을 사용하면 확장 프로그램 설명서를 읽으면서 사용 환경이 개선됩니다.
참고사항
각 가이드에는 다음 섹션이 포함되어 있습니다.
- 확장 프로그램이 실행할 작업입니다.
- 여기에서 다룰 강의
- 시작하기 전에 알아야 할 사항
- 확장 프로그램 빌드에 대한 단계별 안내
- 확장 프로그램을 로드하고 테스트하는 방법
도전하고자 하는 사용자를 위해 확장 프로그램을 맞춤설정하거나 다른 기능을 추가하는 방법에 대한 몇 가지 아이디어가 포함된 섹션을 포함했습니다.
도움이 필요합니다.
여러분의 의견을 기다리겠습니다. 이 가이드에서 잘못되었거나 명확하지 않은 내용을 발견하면 GitHub 저장소에서 버그를 신고하세요.
Google은 이 새로운 시작 가이드는 이전 버전에 비해 크게 개선된 것이라고 생각하지만, 여기서 멈추지 않고 모든 확장 프로그램 개발자에게 더 나은 서비스를 제공할 수 있도록 문서를 지속적으로 개선하고 확장해 나갈 것입니다.
사진: Vardan Papikyan(Unsplash 제공)