codestates / codestates/Almost-There

[Dev log] 임지호 / 2022-02-17

Open
#65 0 comments 0 reactions 1 assignee Claimed by @JHL71 View on GitHub
dev-log
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?
- client에서 네이버, 카카오, 구글 소셜 로그인 요청 이벤트 작성

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 소셜 로그인 종류(네이버, 카카오, 구글)에 따라 서버에 서로 다른 api를 보내야 했는데, 네이버, 카카오, 구글 각각 로그인 페이지로 이동한 후 홈으로 리다이렉트 되기 때문에 state가 초기화되어 네이버, 카카오, 구글 중 어떤 소셜 로그인에서 홈으로 리다이렉트 했는지 상태가 날아가 버렸음
→ 소셜 로그인을 누르면 로그인 페이지로 이동하기 전에 locatStorage에 어떤 버튼을 클릭했는 지 저장하고 리다이렉트 되었을 때 localStorage에 저장된 값을 불러옴

```tsx
//loginmodal.tsx
const handleNaverLogin = async () => {
const naverLoginURL = `...`
localStorage.setItem('social', 'naver');
window.location.assign(naverLoginURL);
};
//home.tsx
switch (localStorage.getItem('social')) {
case 'naver' :
...
break;
case 'kakao' :
...
break;
case 'google' :
...
break;
default:
break;
}
localStorage.removeItem('social');
navigate('/');
```

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

- [x] 회원가입 이벤트 등록
- [x] 헤더 로그아웃 이벤트 등록

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.