์œ ์ € ์ •๋ณด ์–ด๋””์—์„œ ์ฒ˜๋ฆฌํ•˜๋ฉด ์ข‹์„์ง€ ๊ณ ๋ฏผ์ž…๋‹ˆ๋‹ค.

Person
Checkbox
Checkbox
OAuth๋ฅผ ํ†ตํ•ด ๋กœ๊ทธ์ธ ํ›„
โ†’ ๋ฐฑ์—”๋“œ์—์„œ ํ† ๊ทผ ๋ฐ›์Œ
 
  1. ํ† ํฐ ์•ˆ์— user์ •๋ณด + JWT ํ† ํฐ ์ •๋ณด๋ฅผ ๋„ฃ์–ด์„œ ๋‘๋ฒˆ ๋ง์•„์„œ ๋ณด๊ด€ํ•œ๋‹ค.
  1. JWTํ† ํฐ ์ •๋ณด๋งŒ ๋ฐ›๋Š”๋‹ค.
 

๋กœ๊ทธ์ธ ์‹œ ํ† ํฐ๊ณผ ์œ ์ € ์ •๋ณด ์ €์žฅ

  1. ์œ ์ € ์ •๋ณด๋ฅผ ์ „์—ญ ์ƒํƒœ์— ์ €์žฅํ•˜๊ณ  ๊ด€๋ฆฌํ•œ๋‹ค. (์˜ˆ๋ฏผํ•˜์ง€ ์•Š์€ ์ •๋ณด ์„ ์—์„œโ€ฆ ์œ ์ € ID ์ •๋„)
  1. ์œ ์ € ์ •๋ณด๋ฅผ ์ฟ ํ‚ค ๋“ฑ์— ์ €์žฅํ•œ๋‹ค.
  1. ์œ ์ € ์ •๋ณด๋ฅผ ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค validation API๋กœ ์š”์ฒญํ•˜๊ณ  ๊ฒฐ๊ณผ๋กœ ์œ ํšจํ•œ ์œ ์ € ์ •๋ณด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค(๋งค ๋™์ž‘๋งˆ๋‹ค ํ˜ธ์ถœํ• ํ…๋ฐ ๋กœ๋“œ๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์ง€ ์•Š์„์ง€)
  1. ์œ ์ € ์ •๋ณด์™€ ํ† ํฐ์ด ๋‹ด๊ธด ์ฟ ํ‚ค๋ฅผ httpsOnly์™€ secure ์˜ต์…˜์„ ์„ค์ •ํ•ด๋‘๊ณ , NextJS ๋ฐฑ์—”๋“œ์—์„œ๋งŒ ์ฝ๊ณ  ์“ฐ๊ฒŒ ํ•œ๋‹ค. ํ•„์š”ํ•œ ์ •๋ณด๊ฐ€ ํด๋ผ์ด์–ธํŠธ์—์„œ ์š”์ฒญ๋  ๋•Œ์—๋งŒ nextjs backend์—์„œ ์ฒ˜๋ฆฌํ•ด์ค€๋‹ค
    1. notion image
 

ํ˜„์žฌ ๋กœ๊ทธ์ธ ์—ฌ๋ถ€ ํ™•์ธ

  1. ๋งค๋ฒˆ ์œ„ ๊ณผ์ •์„ ํ†ตํ•ด validation๋œ ํ˜„์žฌ ์œ ์ €๊ฐ€ ์žˆ์œผ๋ฉด ๋กœ๊ทธ์ธ ์ƒํƒœ๋กœ ๊ฐ„์ฃผํ•œ๋‹ค.- api call
    1. serverside์—์„œ validation์„ ์š”์ฒญํ•˜์—ฌ ์œ ํšจํ•˜๋ฉด ๋กœ๊ทธ์ธ์œผ๋กœ ๊ฐ„์ฃผ
    2. ์œ ํšจํ•˜์ง€ ์•Š์œผ๋ฉด ๋กœ๊ทธ์•„์›ƒ ์ƒํƒœ๋กœ ๊ฐ„์ฃผ ๋˜๋Š” ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ๋ผ์šฐํŒ…
  1. context API๋ฅผ ์‚ฌ์šฉํ•œ wrapper๋กœ ๊ฐ์‹ธ์„œ ์œ ์ € ์ •๋ณด ๋ฐ ๋กœ๊ทธ์ธ ์—ฌ๋ถ€๋ฅผ state๋กœ ์‚ฌ์šฉํ•œ๋‹ค.