Google Developers Codelabs에서는 실습 과정을 안내하는 가이드와 도움을 드리고자 합니다. 대부분의 Codelab에서는 빌드 및 빌드 프로세스를 단계별로 알아봅니다. 작은 애플리케이션을 추가하거나 기존 애플리케이션에 새 기능을 추가할 수 있습니다. Codelab은 Android Wear, Google Compute Engine, ARCore, iOS용 Google API와 같은 폭넓고 다양한 주제를 다룹니다.
GitHub의 Codelab 도구Firebase 앱 체크 및 reCAPTCHA로 Places API 요청 확인
41분
Updated 2024년 12월 21일
이 Codelab에서는 Places API를 요청하기 전에 Firebase AppCheck 및 reCAPTCHA로 웹 애플리케이션을 검증하는 방법을 알아봅니다.
iOS 앱에 지도 추가하기(Swift)
Updated 2022년 5월 10일
이 Codelab에서는 Swift에서 Google Maps Platform을 사용하여 iOS 앱을 빌드하는 방법을 알아봅니다. 다음 작업을 처리하는 iOS 앱을 빌드하게 됩니다. 이 Codelab을 완료하려면 아래의 계정, 서비스 및 도구가 필요합니다. 아래의 사용 설정 단계에서 iOS용 Maps SDK 를 사용 설정해야 합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps
Android 앱에 지도 추가(Kotlin)
Updated 2022년 5월 9일
이 Codelab에서는 Android용 Maps SDK를 앱과 통합하고 미국 캘리포니아주 샌프란시스코에 있는 자전거 매장을 표시하는 앱을 빌드하여 핵심 기능을 사용하는 방법을 알려줍니다. 다음 사용 설정 단계를 진행하려면 Android용 Maps SDK 를 사용 설정해야 합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps Platform 시작하기 가이드를 참고하여 결제 계정 및
웹사이트에 지도 추가하기(자바스크립트)
Updated 2022년 5월 7일
이 Codelab에서는 웹용 Google Maps Platform을 사용하는 데 필요한 모든 사항을 알아봅니다. 설정하기부터 Maps JavaScript API 로드하기, 첫 지도 표시하기, 마커 및 마커 클러스터링 사용하기, 지도에 그리기, 사용자 상호작용 처리하기에 이르기까지 모든 기본 사항을 학습합니다. 이 Codelab에서는 다음을 수행하는 간단한 웹 앱을 빌드합니다. 이 Codelab을 완료하려면 아래 항목을 숙지해야 합니다. 이미
iOS 앱(Objective-C)에 지도 추가하기
Updated 2022년 5월 7일
이번 Codelab에서는 Objective-C에서 iOS 앱을 만들기 위해 Google Maps Platform을 사용할 때 필요한 사항을 모두 살펴봅니다. 설정부터 iOS용 Maps SDK 로드, 첫 번째 지도 표시, 마커 및 마커 클러스터링 작업, 지도에 그리기, 사용자 상호작용 처리에 이르기까지 모든 기본사항을 배우게 됩니다. 본 Codelab에서는 다음 작업을 수행하는 iOS 앱을 만듭니다. 본 Codelab을 완료하려면 아래 내용을
Android에서 AR 모드로 주변 장소 표시(Kotlin)
Updated 2022년 5월 7일
이 Codelab에서는 Google Maps Platform의 데이터를 사용하여 Android에서 증강 현실(AR)로 주변 장소를 표시하는 방법을 배웁니다. 이 Codelab을 진행하려면 Android 10.0(API 레벨 29)을 사용하며, Android 스튜디오에 Google Play 서비스가 설치되어 있어야 합니다. 두 종속 항목을 모두 설치하려면 다음 단계를 완료하세요. 다음 섹션의 3단계에서 이 Codelab에 Android용 Maps
Android용 Places SDK 시작하기(Kotlin)
Updated 2022년 5월 3일
이 Codelab에서는 Android용 Places SDK를 앱과 통합하고 각 Places SDK 기능을 사용하는 방법을 알아봅니다. 이 Codelab을 완료하려면 아래의 계정, 서비스 및 도구가 필요합니다. 아래의 사용 설정 단계에서 Places API 를 사용 설정합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps Platform 시작하기 가이드를 참고하여 결제 계정 및
Google Maps Platform과 Google Cloud를 사용하여 전체 스택 매장 검색 기능 빌드하기
Updated 2022년 5월 2일
지도에 표시할 장소가 여러 곳 있고 사용자가 이러한 장소를 확인하고 방문할 곳을 식별할 수 있도록 하려 한다고 상상해 보세요. 대표적인 예는 다음과 같습니다. 이 Codelab에서는 특수한 위치의 실시간 데이터 피드에서 가져오는 위치 검색 기능을 만듭니다. 사용자는 이 기능을 통해 출발지에서 가장 가까운 위치를 찾을 수 있습니다. 이 풀 스택 위치 검색 기능은 매장 위치가 25개 이하로 제한되는 단순한 매장 검색 기능 보다 훨씬 많은 수의
WebGL Overlay View를 사용한 3D 지도 환경 빌드
Updated 2022년 5월 2일
이 Codelab에서는 Maps JavaScript API의 WebGL 기반 기능을 사용하여 3차원에서 벡터 지도를 제어하고 렌더링하는 방법을 배울 수 있습니다. 이 Codelab에서는 자바스크립트 및 Maps JavaScript API를 어느 정도 알고 있다고 가정합니다. Maps JS API 사용의 기본 사항을 알아보려면 웹사이트에 지도 추가하기 (자바스크립트) Codelab 을 참고하세요. 아래의 사용 설정 단계에서 Maps
Flutter 앱에 Google 지도 추가
Updated 2022년 4월 29일
이 Codelab에서는 iOS 및 Android에서 고품질 네이티브 환경을 제작하기 위해 Flutter 모바일 앱 SDK를 사용하여 Google 지도 환경을 빌드합니다.
SwiftUI (Swift)를 사용하여 iOS 앱에 지도 추가하기
Updated 2022년 4월 28일
이 Codelab에서는 SwiftUI와 함께 iOS용 Maps SDK를 사용하는 방법을 알아봅니다. 다음 사용 설정 단계를 진행하려면 iOS용 Maps SDK 를 사용 설정합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps Platform 시작하기 가이드를 참고하여 결제 계정 및 프로젝트를 만듭니다. 빠르게 시작할 수 있도록 이 Codelab을 따라하는 데 도움이 되는 시작
Google Maps Platform 및 deck.gl을 이용하여 데이터 시각화하기
Updated 2022년 4월 28일
이 Codelab에서는 Maps JavaScript API와 오픈소스 WebGL 가속 데이터 시각화 프레임워크인 deck.gl을 사용하여 대용량 지리공간 데이터 시각화를 만드는 방법을 배울 수 있습니다. Google Maps Platform을 처음 사용한다면 다음 단계를 따르세요. 아직 설치하지 않았다면 https://nodejs.org/ 로 이동하여 컴퓨터에 Node.js 런타임을 다운로드하고 설치합니다. Node.js는 이 Codelab의
나만의 Current Place 선택 도구 만들기(자바) - Android
Updated 2022년 4월 27일
Google Maps Platform의 Android용 Maps SDK 및 Places SDK를 사용하여 현재 위치일 가능성이 높은 장소의 목록을 사용자에게 제시하는 방법을 알아봅니다.
Google Maps Platform(자바스크립트)을 사용하여 간단한 매장 검색 기능 구축하기
Updated 2022년 4월 26일
웹사이트에서 일반적으로 흔하게 볼 수 있는 기능 중 하나는 비즈니스, 시설 등 실제 장소를 보유한 법인의 위치 하나 이상을 강조하는 Google 지도 입니다. 이러한 지도의 구현 방식은 위치의 수, 변경 빈도 등의 요건에 따라 크게 달라질 수 있습니다. 이 Codelab에서는 가장 간단한 사용 사례, 즉 거의 변경되지 않으며 위치 개수가 적은 경우(예: 체인점을 보유하고 있는 비즈니스용 매장 검색 기능)를 살펴봅니다. 이 경우, 어떠한 서버 측