codestates / codestates/EATO

[Dev-log] 220225 김제완

Open
#81 0 comments 0 reactions 1 assignee Claimed by @Jaekomplett View on GitHub
3week Client Dev-log
Dominant language
JavaScript
Stars
3
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?
- 카카오 소셜로그인 연결했으나 홈페이지와 연결 로직을 좀 더 살펴보고 적용해야함

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
카카오 소셜 로그인 구현에서 카카오로부터 `GET` 요청을 하는 것부터 오랜 시간 막혔습니다.
- 리액트 환경 변수
- 리액트 내부 환경 변수는 `REACT_APP_환경변수` 로 설정
- 카카오 `CLIENT_ID` 와 `REDIRECT_URI` 설정
- 분명히 요청 KAKAO_AUTH_URL이 맞는데 왜 안되나 했더니 `redirect_uri=${REDIRECT_URI}/kakao` 맨 뒤에 `kakao`가 입력되어 있었음... 내 시야가 너무 좁았다. 어쨌든 수정하니 잘 됐다. 클라와 서버간 커뮤니케이션이 중요하다고 생각된 부분..! 근데 모두가 처음이라 이런 상황 전개는 아무도 알 수 없음.
![Screenshot from 2022-02-25 23-13-41](https://user-images.githubusercontent.com/87610758/155730426-6d2cc3d9-34aa-4163-827e-fa193e2ddf20.png)
![Screenshot from 2022-02-25 23-14-01](https://user-images.githubusercontent.com/87610758/155730431-31802cb9-0f74-4d12-9198-1454f37cc208.png)

```js
class Kakao {
constructor(code) {
this.url = "https://kauth.kakao.com/oauth/token";
this.client_id = process.env.KAKAO_CLIENT_ID;
this.redirect_uri = `${process.env.REDIRECT_URI}/kakao`;
this.code = code; // 인가 코드 혹은 갱신 토큰

// userInfo
this.userInfo_url = "https://kapi.kakao.com/v2/user/me";
}
}

class Naver {
constructor(code) {
this.url = "https://nid.naver.com/oauth2.0/token";
this.client_id = process.env.NAVER_CLIENT_ID;
this.client_secret = process.env.NAVER_CLIENT_SECRET;
this.redirect_uri = `${process.env.REDIRECT_URI}/naver`;
this.code = code;
this.state = process.env.NAVER_STATE;
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] Todo 형식으로 기록해주세요.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.