--- title: GitHub에 가입하기 slug: docs-kr/platform/sign-in-with-github description: GitHub OAuth를 통한 로그인 설정을 위한 Back4App 앱 구성 가이드입니다. image: https://www.back4app.com/_public/img/back4app-og.png createdAt: 2024-02-05T13:14:51.899Z --- # Github로 로그인하는 튜토리얼 ## 소개 Github로 로그인을 사용하면 사용자가 자신의 Github 계정을 사용하여 앱에 로그인할 수 있습니다. ## 전제 조건 :::hint{type="info"} **이 튜토리얼을 완료하려면 다음이 필요합니다:** - Back4App에서 생성된 앱 - 다음 링크를 확인하세요 [새 앱 만들기 튜토리얼](https://www.back4app.com/docs/get-started/new-parse-app) Back4App에서 앱을 만드는 방법을 배우기 위해. - Back4App 앱을 위한 서브 도메인 설정 - 다음 링크를 확인하세요 [웹 호스팅 및 실시간 쿼리 활성화](https://www.back4app.com/docs/platform/activating-web-hosting) Back4App에서 서브 도메인을 만드는 방법을 배우기 위해. - [Github 계정](https://github.com/)이 필요합니다. ::: ## 1 - 새로운 Back4App 앱 만들기 우선, Back4App에 기존 앱이 생성되어 있는지 확인해야 합니다. 그러나 새로운 사용자라면 [이 튜토리얼](https://www.back4app.com/docs/get-started/new-parse-app)을 확인하여 앱을 만드는 방법을 배울 수 있습니다. ## 2 - 새로운 Github 앱 만들기 새 Github 애플리케이션을 만들려면 [Applications/New](https://github.com/settings/applications/new) 다음 항목을 입력하세요: `애플리케이션 이름`, 당신의 `홈페이지 URL`, 간단한 `설명` 및 당신의 `인증 콜백 URL`\` ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/Ld1eSVaG7slk55nMfTb39_image.png" size="80" width="1178" height="1124" position="center" showCaption="false"} 그런 다음 `애플리케이션 등록`. 그러면 당신의 `앱 비밀` 및 `클라이언트 비밀` ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/Y-ycoPAFfoOZqBF0fG-u2_image.png" size="80" width="1516" height="1584" position="center" showCaption="false"} ## 3 - 코드 가져오기 다음 URL을 방문하고, 당신이 만든 `CLIENT_ID`의 값을 변경하세요. :::BlockQuote https\://github.com/login/oauth/authorize scope=user\:email\&client\_id=CLIENT\_ID ::: GitHub 계정으로 로그인하세요: ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/k7oreeJEhLcTKa53B201E_image.png" size="90" width="1130" height="1268" position="center" showCaption="false"} 리디렉션된 웹사이트의 URL에는 귀하의 코드가 포함됩니다: ![](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/s-OO81f3ZtNAzMDW9Zpo4_image.png) URL의 코드 부분만 복사하고 다음 CURL 명령을 실행하여 값을 교체하십시오 `YOUR_CODE`, `YOUR_CLIENT_ID`, 그리고 `YOUR_CLIENT_SECRET` 귀하의 애플리케이션 값으로 ```curl 1 curl -X POST \ 2 -F \'client_id=YOUR_CLIENT_ID' 3 -F 'client_secret=YOUR_CLIENT_SECRET' 4 -F 'code=YOUR_CODE' 5 -F 'accept=json' 6 https://github.com/login/oauth/access_token ``` 실행하면 액세스 토큰을 검색할 수 있습니다: ![](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/7pxb4bu-YmtkcXDt1kUlg_image.png) **기억하세요**: 코드는 한 번만 사용할 수 있습니다. 오류가 발생하거나 토큰을 사용하지 않으면 코드를 다시 생성해야 다시 실행할 수 있습니다. ## 4 - 개발 시작하기 이제 Github로 로그인 설정이 완료되었으므로, 개발 프로세스를 시작할 수 있습니다. AUTHDATA의 형식은 다음과 같습니다: ```json 1 { 2 "github": { 3 "id": "user's Github id (string)", 4 "access_token": "an authorized Github access token for the user" 5 } 6 } ``` 여기 iOS SDK를 위한 방법이 있습니다: ```swift 1 PFUser.logInWithAuthType(inBackground: "github", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in 2 3 } ``` 그리고 여기 Android SDK를 위한 방법이 있습니다: ```java 1 Map authData = new HashMap(); 2 authData.put("access_token", tokenString); 3 authData.put("id", user); 4 ParseUser.logInWithInBackground("github", authData){ 5 6 } ```