codestates / codestates/TMT-client

[Dev-Log✍️] 나원빈 6/26 회고

Open
#34 0 comments 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
3
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?
CSS 조금 수정, 카카오 로그인 구현

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* 카카오 로그인이 생각보다 어려웠다. 클라이언트에서 인가코드를 요청하고 인가받은 코드를 서버로 보내 서버에서 토큰, 유저정보를 받아 다시 클라이언트로 보내주는 과정이 필요하다( 네이버도 찾아봤는데 방식이 거의 비슷 )
* 포스트맨으로 인가코드, 토큰까지 발급받을 수 있는건 확인했다. 서버쪽이랑 상의해봐야 될것같다.
* 인가코드와 토큰을 받는 리다이렉트URL이 필요한데 일단 예시로 아무 URL이나 해봤는데 된다. 저 경로를 어떻게 설정해야되는진 모르겠다. 저 링크 뒤에 코드가 붙어서 날라옴,,window 객체로 코드는 찾을 수 있었다.

```js
const CLIENT_ID: any = process.env.REACT_APP_KAKAO_KEY;
const REDIRECT_URL: any = `http://localhost:3000/oauth/kakao`;
const KAKAO_AUTH_URL: any = `https://kauth.kakao.com/oauth/authorize?client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URL}&response_type=code`;
const responseKakao = () => {
window.location.assign(KAKAO_AUTH_URL);
return REDIRECT_URL(KAKAO_AUTH_URL);
};
let KAKAO_CODE = new URL(window.location.href).searchParams.get("code");
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [ ] 디자인, 이미지 작업

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.