<Weekly Log> 2022-35 Week

kukjunLEEยท2022๋…„ 9์›” 4์ผ
0

Weekly Log(2022)

๋ชฉ๋ก ๋ณด๊ธฐ
6/23

์ง€๋‚œ์ฃผ ํšŒ๊ณ 


๊ฐœ๋ฐœ ์ธก๋ฉด

์ทจ์—…๊ณผ ์ทจ์—… ๋Œ€๋น„

์ทจ์—… ์—ฌ๋ถ€๋ฅผ ํ™•์ •์ง“๊ธฐ ์œ„ํ•ด ๊ด€๋ จ ๊ธฐ์—… ๋Œ€ํ‘œ์™€ ๋ฏธํŒ…์„ ์ง„ํ–‰ํ–ˆ๋‹ค.

๋ฏธํŒ… ๊ฒฐ๊ณผ ๋‚ด๊ฐ€ ์ƒ๊ฐํ–ˆ๋˜ ์ง์žฅ๊ณผ ๊ฑฐ๋ฆฌ๊ฐ€ ๋ฉ€๊ณ , ๋‚ด ์ปค๋ฆฌ์–ด, ์ด๋…๊ณผ ๋„ˆ๋ฌด ๊ฑฐ๋ฆฌ๊ฐ€ ๋ฉ€๋‹ค๊ณ  ๋Š๊ปด์ ธ์„œ ์ทจ์—…์„ ํ•˜์ง€ ์•Š๊ธฐ๋กœ ํ–ˆ๋‹ค.

์ฒ˜์Œ์—๋Š” ์ทจ์—…์ด๋ผ๋Š” ์ƒ๊ฐ์— ๋‹ค๋ฅธ ๋ถ€๋ถ„์€ ์ƒ๊ฐ๋„ ํ•˜์ง€ ์•Š์•˜์œผ๋‚˜, ๋‚ด๊ฐ€ ์—ฌํƒœ๊นŒ์ง€ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊ฟ”์˜ค๋ฉด์„œ ์–ด๋–ค ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์–ด์•ผ ๊ฒ ๋‹ค. ํ•˜๋Š” ๋ช…ํ™•ํ•œ ๋ชฉํ‘œ๊ฐ€ ์—†์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ์ด๋ฒˆ ๊ธฐํšŒ์— ์–ด๋–ค ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ๊ณ  ๊ทธ๋ ‡๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ์ง€ ํ•œ๋ฒˆ ์ƒ๊ฐํ•ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ง€๋Š”๊ฒŒ ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.



์กธ์—…์ž‘ํ’ˆ JWT ์ ์šฉํ•˜๊ธฐ

์กธ์—… ์ž‘ํ’ˆ์„ ๋งŒ๋“ค๋ฉด์„œ Session ์ด ์•„๋‹ˆ๋ผ JWT๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ–ˆ์—ˆ๋Š”๋ฐ Spring Security์—์„œ JWT๋ฅผ ๊ตฌํ˜„ํ•œ ๊ตฌํ˜„์ฒด๋ฅผ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š”๊ฒƒ์„ ํ™•์ธํ–ˆ๋‹ค. ํ•˜์ง€๋งŒ ํ•ด๋‹น ๊ตฌํ˜„์ฒด๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ Spring Security๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ๊ทธ ์™ธ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๋ถ€๋ถ„์ด ๋„ˆ๋ฌด ๋งŽ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์„œ ์ง์ ‘ JWT ๋ฅผ ๊ตฌํ˜„ํ•ด์„œ ์‚ฌ์šฉํ•˜๊ณ ์ž ํ–ˆ๋‹ค.

Backend ์—์„œ JWT๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ถ€๋ถ„์„ ์ž‘์„ฑํ–ˆ๋‹ค. ์ด์ œ Backend ์—์„œ JWT Token์„ ๋ฐ›์•„์„œ ํ•„์š”ํ•œ ์ •๋ณด๋กœ ๋‹ค์‹œ ๊ฐ€๊ณตํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์•ผ ํ•œ๋‹ค.
Frontend์—์„œ๋„ ์ƒ์„ฑํ•œ JWT๋ฅผ ๋ฐ›์•„์„œ ํ† ํฐ์œผ๋กœ ์ €์žฅํ•˜๋Š” ๋ถ€๋ถ„๊นŒ์ง€๋Š” ์„ฑ๊ณต์ ์œผ๋กœ ์™„๋ฃŒํ–ˆ๋‹ค. ์ด์ œ ์ฟ ํ‚ค๋กœ ๋ธŒ๋ผ์šฐ์ €์— ์ €์žฅํ•˜๋Š” ๋ถ€๋ถ„์„ ์ž‘์„ฑํ•ด์•ผ ํ•œ๋‹ค.

์ด๋ฒˆ์— ์ž‘์„ฑํ•œ ๋‚ด์šฉ์„ ํ† ๋Œ€๋กœ ์•ž์œผ๋กœ ํ•ด์•ผํ•  ๋ชฉ๋ก์„ ์ •๋ฆฌํ•ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ์•ผ๊ฒ ๋‹ค.



์กธ์—…์ž‘ํ’ˆ Frontend Tester ์ œ์ž‘ํ•˜๊ธฐ

Tester ๋ถ€๋ถ„์„ ๋‹ค ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์„ ์‹คํŒจํ–ˆ๋‹ค. Frontend์˜ Tester๊ฐ€ ์ž์‹ ์˜ ํ”„๋กœํ•„์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์œผ๋กœ ์ž‘์„ฑํ–ˆ๋‹ค. ์ถ”๊ฐ€์ ์œผ๋กœ Backend ์š”์ฒญ์‚ฌํ•ญ์ด ์กด์žฌํ–ˆ๊ณ , ์ด์ œ ๊ทธ ๋ถ€๋ถ„์„ Issue๋กœ ์ ์–ด์„œ ํ˜‘์—…์œผ๋กœ ํ•ด๊ฒฐํ•  ์˜ˆ์ •์ด๋‹ค.

๊ณ„ํš ๋ถ„์„๊ณผ ๋ฌธ์ œ์  ๋ณด์™„


๐Ÿ˜ก๋ฉด์ ‘ ์ง„ํ–‰๊ณผ Frontend ๊ณต๋ถ€๋กœ ์ธํ•ด ์ผ์ฃผ์ผ์˜ ์‹œ๊ฐ„์ด ๋ถ€์กฑํ–ˆ์Œ - ์‹œ๊ฐ„๊ด€๋ฆฌ ์ค‘์š”์„ฑ...

์ทจ์—…์ด ์˜ˆ์ •๋˜์–ด ์žˆ์—ˆ๋Š”๋ฐ, ๊ณ ๋ฏผํ•ด๋ณธ ํ›„์— ์ทจ์—…์„ ํ•˜์ง€ ์•Š๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ์ทจ์—… ์ค€๋น„์— ์“ด ์‹œ๊ฐ„๋งŒํผ ์•ž์œผ๋กœ ์—…๋ฌด ํ•ด๊ฒฐ์— ๋” ์ง‘์ค‘ํ•ด์•ผ ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. :( ์ทจ์—…์€ ๋‚ด๊ฐ€ ๋ฐœ์ „ํ•  ์ˆ˜ ์žˆ๋Š” ํšŒ์‚ฌ์— ๋“ค์–ด๊ฐ€์„œ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์€ Frontend๋ฅผ ๋‚ด๊ฐ€ ๋„ˆ๋ฌด ๋งŒ๋งŒํžˆ ๋ณด๊ณ  ์žˆ์—ˆ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. Frontend๋ฅผ ๋งŒ๋“ค๋‹ค๋ณด๋‹ˆ Backend๋„ ๊ณ„์† ์ˆ˜์ •์„ ํ•ด์ค˜์•ผ ํ–ˆ๊ณ , ๊ทธ๋Ÿผ์œผ๋กœ ์ธํ•ด์„œ ์ „์ฒด์ ์ธ ์ˆ˜์ •์ด ๋ฐœ์ƒํ–ˆ๋‹ค. ์•ž์œผ๋กœ์˜ ์บก์Šคํ†ค์€ Frontend ์—ญํ• ์„ ๋‚ด๊ฐ€ ํ•ด์•ผํ•˜๋ฏ€๋กœ, Backend๋ฅผ ์ง„ํ–‰ํ•  ์นœ๊ตฌ์—๊ฒŒ ์š”์ฒญ์‚ฌํ•ญ์„ ๋งŒ๋“ค์–ด์ฃผ๊ณ  Backend์˜ ์ผ๋ถ€๋ถ„ ์ฝ”๋“œ๋ฅผ ๋‚ด๊ฐ€ ์ž‘์„ฑํ•˜๋Š” ์‹์œผ๋กœ ์ง„ํ–‰ํ•ด์•ผ๊ฒ ๋‹ค.

Frontend, Backend ์—ญํ•  ๋ถ„๋‹ด

๋‚˜๋Š” Frontend ๋ถ€๋ถ„์„ ์ž‘์„ฑํ•˜๊ธฐ๋กœ ํ–ˆ๊ณ  ๋‹ค๋ฅธ ์นœ๊ตฌ๋Š” Backend ๋ถ€๋ถ„์„ ์ž‘์„ฑํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ๋‚˜๋„ Backend ๋ถ€๋ถ„์„ ํฌ๋งํ•˜๊ธฐ๋Š” ํ–ˆ์ง€๋งŒ Frontend ๋ถ€์žฌ๋กœ ์ธํ•ด Frontend๋ฅผ ๋งก์„ ์ˆ˜ ๋ฐ–์— ์—†์—ˆ๋‹ค ... ํ•˜์ง€๋งŒ Backend ๋ถ€๋ถ„์„ ์•„์˜ˆ ๋†“์ง€ ์•Š๊ณ  ์ฝ”๋“œ ๋ฆฌ๋ทฐ์™€ ๋ฆฌํŒฉํ† ๋ง, ๊ทธ๋ฆฌ๊ณ  ์ธ๊ฐ€๋‚˜ ์ธ์ฆ ์ ˆ์ฐจ๋ฅผ ์œ„ํ•œ ์ธํ„ฐ์…‰ํ„ฐ, ํ•„ํ„ฐ๋ฅผ ์ž‘์„ฑํ•ด์„œ Backend๋ฅผ ๋ณด์™„ํ•  ์˜ˆ์ •์ด๋‹ค.




๋‹ค์Œ ์ฃผ ๊ณ„ํš


๊ฐœ๋ฐœ์ธก๋ฉด

Frontend ์ž…์žฅ์—์„œ ์š”๊ตฌ์‚ฌํ•ญ ๋ฝ‘๊ธฐ

Frontend ์ž…์žฅ์—์„œ Backend ๋‹ด๋‹น์ž์—๊ฒŒ ์ค„ Issue๋ฅผ ๋งŒ๋“ค๊ณ  ์š”๊ตฌ์‚ฌํ•ญ์„ ์ž‘์„ฑํ•˜๊ณ  ์ด๋ฅผ ํ•ด๊ฒฐํ•œ ์ฝ”๋“œ๋ฅผ ๊ฒ€์ฆํ•  ์˜ˆ์ •์ด๋‹ค.

  • jwt Token์„ ๋ฐ›์•„์„œ ๋ถ„์„ํ•˜๋Š” ๋ถ€๋ถ„ ์ž‘์„ฑ ์š”์ฒญ
  • Tester ์ž…์žฅ์—์„œ image file get ์š”์ฒญ์„ ์œ„ํ•ด ํšŒ์› ๋“ฑ๋ก ์‹œ, ๊ฒฝ๋กœ๋ฅผ ์ œ์™ธํ•œ ํŒŒ์ผ ์ด๋ฆ„๋งŒ์„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ์ €์žฅํ•˜๋„๋ก ์ˆ˜์ •. ๋˜๋Š” get ์š”์ฒญ์„ ์œ„ํ•ด ๊ฒฝ๋กœ๋ฅผ ์ œ์™ธํ•˜๋Š” ๋กœ์ง์„ ์ถ”๊ฐ€
  • Backend ์‚ฌ์šฉ์ž๋ฅด ๊ตฌ๋ณ„์„ ํ•  ๋•Œ, ID ์„ค์ • ์‹œ, Serial๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š”๋ฐ, ์ด๋ ‡๊ฒŒ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ์‹์˜ ๋ณด์•ˆ ๋ฌธ์ œ์  ์กฐ์‚ฌ



Frontend Tester์˜ Quest ์‹ ์ฒญ ์ž‘์„ฑํ•˜๊ธฐ

Frontend ์—์„œ Tester์˜ Quest ์‹ ์ฒญ ๊ธฐ๋Šฅ์„ ์ž‘์„ฑํ•˜๊ณ  ์ด์— ํ•„์š”ํ•œ ๋ฐฑ์—”๋“œ ์š”๊ตฌ์‚ฌํ•ญ์„ ์ž‘์„ฑํ•œ๋‹ค.



Capstone ๊ธฐ๋ง๋ฐœํ‘œ ์ž๋ฃŒ ์ œ์ž‘

์ด๋ฒˆ์ฃผ ์›”์š”์ผ๊นŒ์ง€ Capstone ๋ฐœํ‘œ ์ž๋ฃŒ๋ฅผ ์ œ์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.



profile
Backend Developer

0๊ฐœ์˜ ๋Œ“๊ธ€