seeyouletter / seeyouletter-fe

0 stars 0 forks source link

[πŸ’Œ FEATURE REQUEST] νšŒμ›κ°€μž…/둜그인 κΈ°λŠ₯을 κ΅¬ν˜„ν•œλ‹€ (API 연동 X) #9

Closed JengYoung closed 1 year ago

JengYoung commented 1 year ago

멈좰! πŸ–πŸ» μž μ‹œ 체크 λ“€μ–΄κ°‘λ‹ˆλ‹€~

λ°°κ²½ 및 μ„€λͺ…

기쑴에 μ”¨μœ λ ˆν„°μ—μ„œλŠ” λ‹€μŒκ³Ό 같은 3가지 κ°€μž… 방법을 μ œκ³΅ν•˜κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€.

  1. 넀이버 μ•„μ΄λ””λ‘œ 둜그인
  2. 카카였 μ•„μ΄λ””λ‘œ 둜그인
  3. μ”¨μœ λ ˆν„°μ—μ„œ νšŒμ›κ°€μž…ν•˜μ—¬ 둜그인

이λ₯Ό κ΅¬ν˜„ν•΄λ³΄κ³ μž ν•©λ‹ˆλ‹€.

κΈ°λŒ€κ²°κ³Ό

  1. <μ‚¬μš©μž>λŠ” νšŒμ›κ°€μž… νŽ˜μ΄μ§€λ₯Ό λ³Ό 수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  2. <μ‚¬μš©μž>λŠ” 카카였둜 νšŒμ›κ°€μž…μ„ ν•  수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  3. <μ‚¬μš©μž>λŠ” λ„€μ΄λ²„λ‘œ νšŒμ›κ°€μž…μ„ ν•  수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  4. <μ‚¬μš©μž>λŠ” μ”¨μœ λ ˆν„°λ‘œ νšŒμ›κ°€μž…μ„ ν•  수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  5. <μ‚¬μš©μž>λŠ” νšŒμ›κ°€μž… ν›„ 첫 ν™”λ©΄μ—μ„œ <νšŒμ› μ „ν™”λ²ˆν˜Έ>λ₯Ό 인증 ν•΄μ•Ό λ‹€μŒ νŽ˜μ΄μ§€λ‘œ λ„˜μ–΄κ°ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.
  6. <μ‚¬μš©μž>κ°€ μ˜¬λ°”λ₯Έ 번호λ₯Ό μž…λ ₯ν•  수 μžˆλ„λ‘ ν¬λ§·νŒ… 및 μœ νš¨μ„± 검증이 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  7. 인증에 λŒ€ν•œ μœ νš¨μ„±μ€ JWT둜 <μ„œλ²„>와 μš”μ²­μ„ μ£Όκ³ λ°›μ•„μ•Ό ν•©λ‹ˆλ‹€.
  8. <μ‚¬μš©μž>의 λ„€νŠΈμ›Œν¬ 및 잘λͺ»λœ λ™μž‘μœΌλ‘œ μΈν•œ μ—λŸ¬μ— λŒ€ν•΄μ„œλŠ” λ‹€μ‹œ <이전 νŽ˜μ΄μ§€>둜 이동이 되고, 둜 <μš”μ²­μ΄ μ‹€νŒ¨ ν–ˆλ‹€λŠ” 정보>λ₯Ό μ•Œλ €μ£Όμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  9. <μ‚¬μš©μž>κ°€ λ§Œμ•½ νšŒμ›κ°€μž…μ„ μ™„λ£Œν–ˆλ‹€λ©΄ <λ’€λ‘œκ°€κΈ°>λ₯Ό λˆŒλ €μ„ λ•Œ, 이동은 λ˜μ§€λ§Œ, λ Œλ”λ§μ΄ 되면 <νšŒμ›κ°€μž…μ„ 이미 μ™„λ£Œν•˜μ…¨μ–΄μš”!>λΌλŠ” 문ꡬ가 λ‚˜μ™€μ•Ό ν•©λ‹ˆλ‹€. 이후 ν•΄λ‹Ή μ»΄ν¬λ„ŒνŠΈλ₯Ό ν™•μΈν•˜λ©΄ λ°”λ‘œ 직전 νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

MVP에 μžˆμ–΄ 아직 νšŒμ› μ‚­μ œμ— λŒ€ν•œ λ‘œμ§μ€ κ΅¬ν˜„ν•˜μ§€ μ•Šμ•„λ„ μΆ©λΆ„ν•  것 κ°™μŠ΅λ‹ˆλ‹€.

λŒ€μ•ˆ μ œμ‹œ

Oauth

Oauth의 경우 λ‹€μŒ μ‚¬μ΄νŠΈλ“€μ„ νƒμƒ‰ν•˜λ©° 각 둜직의 νŠΉμ„±μ„ μ •λ¦¬ν•˜κ³ , 이에 맞좰 κ°œλ°œν•˜λŠ” 것이 μ’‹κ² μŠ΅λ‹ˆλ‹€. 참고둜 κ²°κ³ΌλŠ” JWT둜 κ΄€λ¦¬ν•˜λŠ” 방식을 μ±„νƒν–ˆμŒμ„ 사전에 인지해야 ν•©λ‹ˆλ‹€. 사전에 λ°±μ—”λ“œμ—μ„œ μ–΄λŠμ •λ„ κ΅³ν˜€μ§„ API λͺ…μ„Έκ°€ μžˆλŠ”μ§€λ„ κ²€ν† ν•΄λ΄μ•Όκ² κ΅°μš”.

참고자료

넀이버 둜그인 API κ°€μ΄λ“œ 카카였 둜그인 API κ°€μ΄λ“œ

JengYoung commented 1 year ago

이참에 TDD λ°©μ‹μœΌλ‘œ μ”¨μœ λ ˆν„°μ˜ κΈ°λŠ₯듀을 μΆ”κ°€ν•˜λ € ν•©λ‹ˆλ‹€. ν˜Όμžμ„œ μ„€κ³„ν•˜κ³  κ΅¬ν˜„ν•˜λŠ” 만큼, μ•ˆμ •μ„±μ„ 높이고 λ‹€λ₯Έ μ‚¬μ΄λ“œ μ΄νŽ™νŠΈλ₯Ό μ κ²€ν•˜λŠ” μ‹œκ°„μ„ 쀄이기 μœ„ν•΄μ„œμž…λ‹ˆλ‹€.