Skip to content

22.09.01.Thu

joonyoungyun edited this page Sep 1, 2022 · 1 revision

2022. 9. 1. (๋ชฉ)

ํ”„๋กœ์ ํŠธ 8์ผ์ฐจ! ๊ฑด๊ฐ• ์ฑ™๊ธฐ๋ฉด์„œ ํ”„๋กœ์ ํŠธ ํ•˜์„ธ์š”~ ^^

Front

์ƒ๋นˆ

  1. ์งˆ๋ฌธ ์ƒ์„ธํŽ˜์ด์ง€ api ์—ฐ๋™
  2. stack exchange ๋ธ”๋ฝ ํ’€๋ฆฌ๋ฉด user ํŽ˜์ด์ง€ ํ…Œ์ŠคํŠธ
  3. ์œ„์˜ ํŽ˜์ด์ง€ ๋งˆ๋ฌด๋ฆฌ ๋˜๋ฉด ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ๊ตฌํ˜„ ์‹œ์ž‘

์†Œ์˜

  1. ํšŒ์›๊ฐ€์ž…ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ ๊ตฌ์„ฑ ๋ฐ ๊ธฐ๋ณธ๋ ˆ์ด์•„์›ƒ ์ž‘์„ฑ
  2. ํšŒ์›๊ฐ€์ž…๋ถ€๋ถ„ ๊ตฌํ˜„์„ ๋นจ๋ฆฌ ํ•ด์•ผ ํ•˜๊ธฐ๋•Œ๋ฌธ์— ๋ณต์Šต๊ณผ ๋™์‹œ์— ์ž‘์„ฑ์— ๋“ค์–ด๊ฐ€์•ผ๊ฒ ๋‹ค.
  3. ๊ตฌ์กฐ๋ฅผ ์กฐ๊ธˆ ๋” ์ •๋ฆฌํ•ด๊ฐ€๋ฉฐ ์ž‘์„ฑํ•˜๋Š” ์Šต๊ด€์„ ๊ธธ๋Ÿฌ์•ผ๊ฒ ๋‹ค.๐Ÿ“‘

์„ฑํ˜„

  1. ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€ ๊ตฌ์„ฑ ์‹œ์ž‘
  2. axiosInstance์— tag ํ•„๋“œ๊ฐ’ ์ˆ˜์ • ๊ธฐ๋Šฅ ์ถ”๊ฐ€ํ•˜๊ธฐ
  3. ์˜ค๋Š˜๋ถ€ํ„ฐ ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€ ๊ตฌ์„ฑ์— ๋“ค์–ด๊ฐ€๋Š”๋ฐ redux-thunk๋Š” ์จ๋ณธ ์ ์ด ์—†์–ด ๊ณต๋ถ€๊ฐ€ ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค. ์ƒ๋นˆ๋‹˜์ด ๋งŒ๋“ค์–ด ๋†“์€ ๊ฑธ ์ฐธ๊ณ ํ•˜๋ฉด ๊ทธ๋ž˜๋„ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฌ์ง€๋Š” ์•Š์„ ๊ฒƒ ๊ฐ™์•„์„œ ๋‹คํ–‰์ด๋‹ค.

Back

์†Œ์˜

  1. ์งˆ๋ฌธํŽ˜์ด์ง€ ์ด๋™ API์™€ ์„ ํƒํ•œ ์งˆ๋ฌธํŽ˜์ด์ง€ ์ด๋™API๋ฅผ ์–ด์ œ ์™„์„ฑํ–ˆ๊ณ  ์ƒ๊ฐํ–ˆ์œผ๋‚˜ -> ๊ทธ์น˜๋งŒ ์‚ญ์ œ ํŽ˜์ด์ง€๋Š” ์งˆ๋ฌธํŽ˜์ด์ง€ ์ „์ฒด์—์„œ ์•ˆ๋ณด์—ฌ์•ผ ํ•˜๋ฉฐ ๋งŒ์•ฝ ๊ตฌ๊ธ€๋ง๋“ฑ์œผ๋กœ ์–ด์ฉŒ๋‹ค ์ƒ์„ธ ํŽ˜์ด์ง€๋กœ ๊ฐ”์„ ๋•Œ๋„ ๊ทธ ๊ธ€์ด ์‚ญ์ œ๋œ ๊ธ€์ด๋ผ๋ฉด ์‚ญ์ œ๋œ ๊ธ€์ด๋ผ๊ณ  ์œ ์ €ํ•œํ…Œ ์ „๋‹ฌ์ด ๋˜์–ด์•ผ ํ•œ๋‹ค. ๋”ฐ๋ผ์„œ status๊ฐ€ ์‚ญ์ œํ•œ ๊ธ€์€ ์ œ์™ธํ•˜๊ณ  get์œผ๋กœ ๋ฐ›์•„ ์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ ์ˆ˜์ •์„ ํ•ด์•ผ๊ฒ ๋‹ค.
  2. ์˜ค๋Š˜ ์ˆ˜์ •๊ณผ ์‚ญ์ œ API๋ฅผ ๋งŒ๋“œ๋ ค๊ณ  ํ•œ๋‹ค

์ค€์˜

  1. ํšŒ์›๊ฐ€์ž… API ์™„์„ฑ๋˜์—ˆ์Œ.
  2. ๋กœ๊ทธ์ธ API ์ž‘์„ฑ ์‹œ์ž‘. JWT(JSON web token) ์ ์šฉ๋˜์–ด์•ผ ํ•จ.
  3. ์ด๋ฏธ ๋ฐฐ์› ๋˜ ์ž๋ฐ” ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•  ๋•Œ ์ดˆ๋ณด์ ์ธ ์‹ค์ˆ˜๋ฅผ ๊ณ„์† ๋ฒ”ํ•˜๊ณ  ์žˆ์–ด ์—๋Ÿฌ๊ฐ€ ๋‚˜๊ณ  ์†๋„๋ฅผ ๋Šฆ์ถ˜๋‹ค. ์—๋Ÿฌ ๋ฐœ์ƒํ•˜๋ฉด ์—๋Ÿฌ๋ฉ”์‹œ์ง€ ์ •ํ™•ํ•˜๊ฒŒ ํŒŒ์•…ํ•ด์„œ ํ•ด๊ฒฐํ•˜๋Š” ๋Šฅ๋ ฅ์„ ๋” ํ‚ค์›Œ์•ผ๊ฒ ๋‹ค.(์—๋Ÿฌ๋‚œ ๋ถ€๋ถ„์€ ๊ธฐ๋กํ•ด๋’€๋‹ค ๋‚˜์ค‘์— ๋ณต์Šต ํ•„์š”)