네이티브 브라우저/웹 API 탐색

Source: Dev.to

Overview

대부분의 프론트엔드 프로젝트는 REST API에 크게 의존합니다. 우리는 데이터를 가져오고, 로딩 상태를 관리하며, 리스트를 표시합니다. 이는 필수적인 기술이지만, 브라우저가 할 수 있는 많은 기능을 무시하게 됩니다.

최근에 네이티브 브라우저 API를 활용해 더 흥미로운 프로젝트를 만드는 트윗을 보았습니다. 저도 직접 시도해보고 싶었지만, 좋은 프로젝트 아이디어를 찾기가 어려웠습니다. 대부분의 문서는 문법 예시만 제공하고 실제로 무엇을 만들 수 있는지는 거의 설명하지 않거든요.

이를 해결하고자 사이트를 만들었습니다. 이 사이트는 브라우저 API, 관련 리소스, 그리고 각각에 대한 구체적인 프로젝트 아이디어를 모아놓은 컬렉션 역할을 합니다.

여기서 확인할 수 있습니다

What is inside

각 API마다 MDN 문서, 몇 가지 리소스, 그리고 몇 개의 프로젝트 아이디어를 포함했습니다. 더 많은 아이디어를 찾게 되면 계속 업데이트할 예정입니다.

Why use Browser APIs

이 API들을 다루려면 표준 데이터 가져오기와는 다른 접근 방식이 필요합니다. 권한을 관리하고, 실시간 이벤트를 처리하며, 디바이스 하드웨어와 상호작용해야 합니다. 재미있을 뿐만 아니라 웹을 더 깊이 이해할 수 있는 실용적인 방법이기도 합니다.

저는 이 목록을 제 학습 가이드로 활용하고 있으며, 더 많은 API와 사용 사례를 발견하면 계속 업데이트할 계획입니다.

새로운 프로젝트를 찾고 있다면 전체 목록을 여기서 확인해 보세요.