Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[#26] 소셜로그인 구현 #53

Merged
merged 1 commit into from
Apr 8, 2024
Merged

[#26] 소셜로그인 구현 #53

merged 1 commit into from
Apr 8, 2024

Conversation

hanseulhee
Copy link
Member

작업 내용

카카오 소셜로그인 개발을 하였습니다

중요한 포인트

Copy link

vercel bot commented Apr 8, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
primus ✅ Ready (Inspect) Visit Preview Apr 8, 2024 11:25am

@hanseulhee hanseulhee merged commit 7c34598 into main Apr 8, 2024
4 checks passed
@hanseulhee hanseulhee deleted the feat/#26 branch April 8, 2024 11:26
Copy link

@XionWCFM XionWCFM left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

스리 화이팅

import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
import { ReactQueryStreamedHydration } from '@tanstack/react-query-next-experimental'
import React, { useState } from 'react'
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

React.useState를 useState로 바꾸는건 좋은 것 같아요
useState로 바꿨으면 React 임포트를 제거해서 용량아끼기까지 하면 더 좋겠내요

setLoginUser(data.data.token)
router.push('/main')
} catch (error) {
console.error('인증 코드가 존재하지 않습니다.')
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔥 나중엔 에러처리에 Toast 같이 사용자도 에러상황을 인지할 수 있게해주는 UI가 들어가면 좋을거같아요

if (codeParam) {
try {
const data = await postOAuth(codeParam)
localStorage.setItem('accessToken', data.data.token)
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 localstroage의 키를 하드코딩하고있는건 나중에 상수화해서 관리하거나 로컬스토리지 자체를 하나의 레이어로 만들어서 관리하면 더 좋을거가타요

const params = useSearchParams()
const codeParam = params.get('code')
const [, setLoginUser] = useRecoilState(userKakaoTokenAtom)
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

recoil, jotai같은 아톰라이브러리들은 setter만 제공하는 useSetRecoilState같은 함수를 제공하니까 세터만 쓰려고하는 경우엔 이쪽 함수를 사용해보는것도 좋지않을까싶내요

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

변경예정 !!! 보러와주세오 !!!!!

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

빠른 반영 ㄷㄷ

export const resultAtom = atom<number>({
key: 'resultAtom',
default: 0,
})

// 적극적 투자 지표 사용자가 선택한 항목
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

주석 달아준거 너무 친절해요 👍 코딩할때 인텔리센스로도 생성되면 좋을거같아요 jsdoc으로 설명을 붙여주면 더 좋지않을까요?

@hanseulhee
Copy link
Member Author

@XionWCFM 시온 머야 ?! 완전 감동 !!!!! 편지는 짧지만 애정 미쳐따 ~~ 🥺😆🔥🔥

@hanseulhee hanseulhee linked an issue Apr 9, 2024 that may be closed by this pull request
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[feat] 카카오 소셜로그인 로직 구현
2 participants