---
title: 자바스크립트에서 Apple 로그인 지원 구현 방법
slug: docs-kr/javascript/sign-in-with-apple-javascript
description: 자바스크립트 프로젝트에 Apple 로그인 지원을 통합하는 단계별 가이드.
image: https://www.back4app.com/images/logo-social.png
createdAt: 2024-03-07T13:15:25.174Z
---

# Apple로 로그인 - 자바스크립트

## 소개

이 섹션에서는 몇 가지 간단한 단계로 자바스크립트 템플릿을 시작하는 방법을 배웁니다.

## 전제 조건

:::hint{type="info"}
**이 빠른 시작을 완료하려면 다음이 필요합니다:**

- Apple 개발자 계정에서 Apple로 로그인 설정.
  - 다음의 [Apple로 로그인 튜토리얼](https://www.back4app.com/docs/platform/sign-in-with-apple)을 따라 Apple 개발자 계정에서 Apple로 로그인 설정하는 방법을 배웁니다.
:::

## 1 - 템플릿 가져오기

템플릿을 복제하거나 다운로드하려면
[Back4App의 GitHub 저장소](https://github.com/back4app/SignInWithApple), <font color="#2166ae">`자바스크립트`</font> 폴더를 엽니다.

## 2 - 프로젝트 템플릿 열기

1. 선택한 편집기를 엽니다.
2. 클릭하여 <font color="#2166ae">`파일=>열기`</font>
3. 프로젝트 폴더로 이동하여 파일을 엽니다.<font color="#2166ae">`index.html`</font>

## 3 - 템플릿 수정하기

템플릿에서 다음 함수를 찾습니다.

```swift
1   AppleID.auth.init({
2       clientId : 'com.back4app.app.servicesid',
3       scope : 'email',
4       redirectURI: 'https://example-app.com/redirect',
5       state = random
6   });
```

서비스 ID에서 설정한 clientID 및 redirectURI의 값을 바꿉니다.

저장하고 닫습니다.

:::hint{type="info"}
자세한 내용은 [New Parse App 가이드](https://www.back4app.com/docs/get-started/new-parse-app#creating-new-app-find-your-appid)를 참조하세요.
:::

## 4 - 앱 테스트하기

1. 선택한 브라우저를 엽니다.
2. 클릭합니다.<font color="#2166ae">`파일->열기`</font>
3. 다음 화면이 나타날 때까지 기다립니다.<font color="#2166ae">`Apple로 로그인 화면`</font>이 나타납니다.
4. 버튼을 클릭하고 로그인 과정을 진행합니다.

모든 것이 제대로 작동하면 URI로 리디렉션됩니다.

## 다음 단계

이 시점에서 Javascript를 시작하는 방법을 배웠습니다.

:::hint{type="success"}
우리의 [iOS 튜토리얼](https://www.back4app.com/docs/ios/ios-app-template)을 통해 더 배우거나 [Parse 오픈 소스 문서 iOS SDK](https://docs.parseplatform.org/ios/guide/)를 확인하세요.
:::