Search
๐ŸŒต

4์ฃผ์ฐจ ํšŒ๊ณ 

ํƒœ๊ทธ

์ด๋ฒˆ ์ฃผ๋ฅผ ๋Œ์•„๋ณด๋ฉฐ.. ํŒ€ ํšŒ๊ณ 

์ด๊ฑด ์•„์‰ฝ๋‹ค..

โ€ข
์ค‘๊ฐ„ ์ค‘๊ฐ„์— ๋ง‰ํžˆ๋Š”๊ฒŒ ๋งŽ์•„์„œ feature ๊ฐœ๋ฐœ์„ ๋งŽ์ด ๋ชปํ–ˆ๋‹ค.
โ€ข
API ๋ช…์„ธ๋ฅผ ๋„ˆ๋ฌด ์„ธ์„ธํ•˜๊ฒŒ ์ง  ๊ฒƒ ๊ฐ™์•„. ๋‚˜์ค‘์— ๋ณด๋‹ˆ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์ž๊พธ ์ƒ๊ฒผ๋‹ค.
โ€ข
ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…์— ๋Œ€ํ•œ ๋ฌธ์„œ ์ž‘์„ฑ์— ๋„ˆ๋ฌด ๋ถ€๋‹ด์„ ๋А๊ผˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ๋Œ€๋‹จํ•˜์ง€ ์•Š์•„๋„ ๊ฐ€๋ณ๊ฒŒ ์ž‘์„ฑํ•ด๋ณด์ž!
โ€ข
๊ฐœ๋ฐœํ•˜๋Š”๋ฐ์„œ ๋ณด์ˆ˜์ ์ด์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.. ์ƒˆ๋กœ์šด ๊ฒƒ์„ ๋„์ž…ํ•˜๋Š” ๊ฒƒ์— ๋‘๋ ค์›€์„ ๋А๊ผˆ๋‹ค.
โ€ข
feature ๊ฐœ๋ฐœ์—๋งŒ ๋„ˆ๋ฌด ๋งค๋ชฐ๋˜์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ํ…Œ์ŠคํŠธ๋‚˜ ์„ฑ๋Šฅ ๊ฐœ์„ .. ๋‚˜์ค‘์— ํ•ด๋„ ๋˜๊ฒ ์ง€...?

์ด๊ฑด ์ž˜ํ–ˆ๋‹ค ใ…‹

โ€ข
์„œ์šธ์—์„œ ์˜คํ”„๋ผ์ธ์œผ๋กœ ๋งŒ๋‚˜ ํ˜‘์—…ํ•˜๊ฒŒ ๋˜์–ด ๋Šฅ๋ฅ ์ด ์˜ฌ๋ผ๊ฐ”๋‹ค.
โ€ข
๊ธฐ์กด์˜ ๋กœ๊ทธ์ธ ๋ฐฉ์‹์—์„œ ๋ฌธ์ œ์ ์„ ํŒŒ์•…ํ•˜๊ณ  ๊ฑด๊ฐ•ํ•œ ๋ฐฉํ–ฅ์œผ๋กœ ๊ฐœ์„ ํ•œ ๊ฒƒ ๊ฐ™๋‹ค.
<br />

11์›” 28์ผ

๋™๊ทœ

โ€ข
๋ฐฑ์—”๋“œ ํŒ€์›๋“ค์ด ํ”„๋ก ํŠธ์—”๋“œ์— ํ•„์š”ํ•œ API๋ฅผ ๊ตฌํ˜„ํ•ด์ฃผ์‹œ๋Š” ๋™์•ˆ, ์šด๋™ ๊ธฐ๋ก ํŽ˜์ด์ง€์˜ UI๋ฅผ ๊ตฌํ˜„ํ–ˆ๋‹ค.
โ€ข
์šด๋™ ๊ธฐ๋ก ํŽ˜์ด์ง€์˜ ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ์ด ์ƒ๊ฐ๋ณด๋‹ค ๊นŒ๋‹ค๋กœ์› ๊ณ , ์„ธํŠธ์™€ ์šด๋™์˜ ์ฆ๊ฐ€/๊ฐ์†Œ ์ธํ„ฐ๋ ‰์…˜์ด ์žˆ์–ด์„œ ๊ฝค ํž˜๋“ค์—ˆ๋‹ค.
โ€ข
๊ทธ๋ฆฌ๊ณ  ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์œ„ํ•ด ์šด๋™์ด ์ฆ๊ฐ€๋  ๋•Œ๋งˆ๋‹ค ์Šคํฌ๋กค์ด ์ž๋™์œผ๋กœ ๋‚ด๋ ค๊ฐ€๋„๋ก ํ–ˆ๋‹ค.
โ€ข
๊ทธ๋Ÿฌ๋‹ค๋ณด๋‹ˆ ๋ฒŒ์จ ์ฝ”์–ด ํƒ€์ž„์ด ๋..
โ€ข
ํ•ด์•ผํ•  ๊ฒƒ๋“ค์ด ์—„์ฒญ ๋งŽ์€๋ฐ ๋‚ด ์˜ˆ์ƒ๋ณด๋‹ค ์˜ค๋Š˜ ํ•˜๋ฃจ ๋งŽ์€ ๊ฒƒ์„ ํ•˜์ง€ ๋ชปํ–ˆ๋‹คใ… 
โ€ข
๊ทธ!๋ฆฌ!๊ณ ! ์›”๋“œ์ปต..! ๊ฐ€๋‚˜์ „ ๋„ˆ๋ฌด ์•„์‰ฝ๋‹ค ํฌ๋ฅดํˆฌ๊ฐˆ ์ด๊ฒจ๋ณด์ž!

์Šน์žฌ

โ€ข
๋‚จ์€ API๋“ค์„ ๊ตฌํ˜„ํ•˜๋Š” ์ค‘์ด๋‹ค.
โ€ข
ํ”„๋ก ํŠธ์™€์˜ API ์—ฐ๋™์—์„œ ํ˜‘์˜๋ฅผ ํ†ตํ•ด API๋ฅผ ์ง€์†์ ์œผ๋กœ ์ˆ˜์ •์„ ํ•˜๊ณ  ์žˆ๋‹ค.
โ€ข
๋ฐ์ดํ„ฐ ํ˜•์‹์„ ํ”„๋ก ํŠธ์—์„œ ์ž‘์—…ํ•˜๊ธฐ ์‰ฝ๊ฒŒ ๋ณด๋‚ด์ฃผ๋Š”๊ฒŒ ์–ด๋ ค์šด๊ฑฐ๊ฐ™๋‹ค.

์ง„์žฌ

์‹œ์šด

โ€ข
์ƒ๊ฐ๋ณด๋‹ค ์ฐจํŠธ ๊ทธ๋ฆฌ๊ธฐ๋Š” ์‰ฌ์› ๊ณ  Chart.js๋Š” ์‹ ์ด ์•„๋‹๊นŒ..
โ€ข
๊ทธ๋ž˜๋„ ์บ”๋ฒ„์Šค๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ฒƒ์€ ๊ต‰์žฅํžˆ ์–ด๋ ค์› ๋‹ค.
โ€ข
ํ•˜์ง€๋งŒ ์ฝ”๋“œ๋ฅผ ์ด๊ฒƒ์ €๊ฒƒ ๋งŒ์ง€๋‹ค๋ณด๋‹ˆ ํ•ด๊ฒฐ๋˜๋Š” ๊ฒƒ๋“ค์ด ๋งŽ์•„์„œ ์ข‹์•˜๋‹ค.

11์›” 29์ผ

๋™๊ทœ

โ€ข
ํ•˜๋ฃจ์ข…์ผ ๊ตฌ๊ธ€ OAuth ๋กœ๊ทธ์ธ์„ ์œ„ํ•œ ๊ณ ๊ตฐ๋ถ„ํˆฌ๋ฅผ ํ–ˆ๋‹ค..
โ€ข
์›์ธ์€ @react-oauth/google ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ์‹œ ๋ฐ˜ํ™˜ํ•˜๋Š” credential ๋ณ€์ˆ˜๊ฐ€ access token์ธ์ค„ ์ฐฉ๊ฐํ•˜๊ณ  ์žˆ์—ˆ๋‹ค๋Š” ๊ฒƒ.
โ€ข
์›์ธ์„ ์ฐพ์•„ ํ•ด๊ฒฐ์€ ํ–ˆ์ง€๋งŒ ํ•˜๋ฃจ์ข…์ผ ๋‹ค๋ฅธ ์ž‘์—…์€ ํ•˜๋‚˜๋„ ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค.
โ€ข
์‹œ๊ฐ„์ด ๊ฐˆ์ˆ˜๋ก ์กฐ๊ธ‰ํ•œ ๊ธฐ๋ถ„์ด ๋“ ๋‹ค. ์ฒœ์ฒœํžˆ ์ž˜ํ•ด๋ณด์ž.
โ€ข
๊ทธ์ € ๋Œ์•„๊ฐ€๊ฒŒ๋งŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ๋ˆ„๊ตฌ๋‚˜ ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•˜๋‚˜๋ฅผ ๊ตฌํ˜„ํ•  ๋•Œ ๋Š์ž„์—†์ด why๋ฅผ ๋˜์ง€๋ฉฐ ๋‹จ๋‹จํžˆ ํ•˜์ž

์Šน์žฌ

โ€ข
ํ•˜๋ฃจ์ข…์ผ ๊ตฌ๊ธ€ OAuth ๋กœ๊ทธ์ธ์— ๋งค๋‹ฌ๋ ธ๋‹ค...
โ€ข
๊ธฐ์กด์— ๊ฐœ๋ฐœํ•œ ๋ฐฉ์‹์ด ํ”„๋ก ํŠธ์™€์˜ ์—ฐ๋™์„ฑ์— ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒจ์„œ ์ˆ˜์ •์„ ํ•ด์•ผํ–ˆ๋Š”๋ฐ, ๊ทธ ๊ณผ์ •์—์„œ ๋„ˆ๋ฌด ๋งŽ์€ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.
โ€ข
์—๋Ÿฌ ํ•ด๊ฒฐ์„ ์œ„ํ•ด ๋งŽ์€ ์‹œ๊ฐ„์„ ์Ÿ์•˜์ง€๋งŒ, ๋™๊ทœ๋‹˜์˜ ๋„์›€์œผ๋กœ ํ”„๋ก ํŠธ์ธก์—์„œ ์˜ค๋Š” access token ๊ฐ’์ด ์ž˜๋ชป๋˜์–ด ๋ฐœ์ƒํ•œ ๋ฌธ์ œ์ธ๊ฑธ ์ธ์‹ํ–ˆ๋‹ค.
โ€ข
๊ทธ ํ›„๋กœ ๋ฌด์‚ฌํžˆ ๊ตฌ๊ธ€ OAuth ๋กœ๊ทธ์ธ์„ ์™„์„ฑํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.
โ€ข
๋™๊ทœ๋‹˜๊ณผ ๋‘˜์ด์„œ ํ•˜๋ฃจ์ข…์ผ OAuth์— ๋งค๋‹ฌ๋ฆฐ ๋ณด๋žŒ์„ ์ €๋… ๋Šฆ๊ฒŒ ๋А๋‚„ ์ˆ˜ ์žˆ์—ˆ๋‹ค.
โ€ข
ํ•˜์ง€๋งŒ ์ฟ ํ‚ค๊ฐ€ ๊ฐ€์ง€ ์•Š๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒ... ๋‚ด์ผ TODO๋กœ ๋‚จ๊ฒจ๋‘๊ธฐ๋กœ ํ–ˆ๋‹ค.

์ง„์žฌ

์‹œ์šด

โ€ข
์˜ค๋Š˜์€ ์ธํ”„๋Ÿฐ ํ‡ด๊ทผ๊ธธ ๋ฐ‹์—…์„ ๊ฐ€๋А๋ผ ์ž‘์—…์„ ๋งŽ์ด ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค.
โ€ข
๊ทธ๋ž˜๋„ ๋ฐฐ์šด ๊ฒƒ๋“ค์ด ๋งŽ์•„์„œ ํŒ€์›๋“ค์—๊ฒŒ ๊ณต์œ ํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์ด ์ƒ๊ฒจ์„œ ์ข‹์•˜๋‹ค.
โ€ข
์˜ค๋Š˜ ๋ถˆํ˜„๋“ฏ ๋А๋‚€๊ฑด๋ฐ css๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ฒƒ์— ๋งŽ์ด ์ต์ˆ™ํ•ด์กŒ๋‹ค๊ณ  ๋А๋‚€๋‹ค.
โ€ข
๋ฆฌ์•กํŠธ๋ฅผ ๋‹ค๋ฃฌ์ง€ ์ด๋ฒˆ์ฃผ๊ฐ€ 6์ฃผ์ •๋„ ๋œ ๊ฒƒ ๊ฐ™์€๋ฐ, ๋” ์—ด์‹ฌํžˆ ํ•ด๋ณด์ž.

11์›” 30์ผ

๋™๊ทœ

โ€ข
๋“œ!๋””!์–ด! ๋กœ๊ทธ์ธ๊ณผ ํšŒ์›๊ฐ€์ž… API๋ฅผ ์—ฐ๋™ํ–ˆ๋‹ค!!!
โ€ข
์ด ์ž‘์—…์ด ์™„๋ฃŒ๋˜์–ด์•ผ ๋‹ค๋ฅธ API ์—ฐ๋™์ด ์ˆ˜์›”ํ•˜๊ธฐ์— ์ด ์ˆœ๊ฐ„์„ ์—„์ฒญ ๊ธฐ๋‹ค๋ ค์™”๋‹ค..
โ€ข
์ด์ œ ๋‚จ์€ API๋“ค์„ ๋น ๋ฅด๊ฒŒ ์—ฐ๋™ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.
โ€ข
๋งŽ์ด ๋„์™€์ฃผ์‹  ์Šน์žฌ๋‹˜๊ป˜ ๋ฐ•์ˆ˜
โ€ข
๊ทธ๋ฆฌ๊ณ  ์‚ด์ง ๊ณ ๋ฏผ๋˜๋Š” ๋ถ€๋ถ„์ด ํ•˜๋‚˜ ์žˆ๋Š”๋ฐ, ์—ฌํƒœ๊ป ๊ฐœ๋ฐœ์„ ํ•˜๋ฉฐ ์˜๋ฏธ์žˆ๋Š” ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…์ด ๋‚˜์˜ค์ง€ ์•Š๊ณ  ์žˆ๋‹ค.
โ€ข
๊ทธ๋งŒํผ ํŠธ๋Ÿฌ๋ธ”์ด ์—†๋‹ค๋Š” ๊ฒƒ์— ๊ธฐ๋ปํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ์ธ๊ฐ€.. ์‚ด์ง ๋ถˆ์•ˆํ•˜๋‹ค.
โ€ข
์–ด์ œ์˜ ํšŒ๊ณ ์—์„œ ๋งํ–ˆ๋“ฏ์ด, ํ•˜๋‚˜๋ฅผ ๊ตฌํ˜„ํ•  ๋•Œ ๋Š์ž„์—†์ด why๋ฅผ ๋˜์ง€์ž

์Šน์žฌ

โ€ข
์ฟ ๊ธฐ๊ฐ€ ๊ฐ€์ง€ ์•Š๋˜ ์ด์œ ๋ฅผ ์•Œ์•„๋ƒˆ๋‹ค.
โ€ข
POST๋กœ ์˜จ ์š”์ฒญ์ด๊ธฐ ๋•Œ๋ฌธ์— res.cookie๊ฐ€ ์•„๋‹ˆ๋ผ req.res.cookie๋กœ ์ฟ ํ‚ค๋ฅผ ๋ณด๋‚ด์•ผํ•œ๋‹ค.
โ€ข
๋˜ ์ด๋ ‡๊ฒŒ ํ•œ๊ฐ€์ง€๋ฅผ ๋ฐฐ์›Œ๊ฐ”๋‹ค.
โ€ข
์›น ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•œ์ง€ 4๊ฐœ์›” ์ •๋„ ๋์ง€๋งŒ, ์ฒ˜์Œ์— ๋น„ํ•ด ํ™•์‹คํžˆ ์ ์  ์‹ค๋ ฅ์ด ๋Š˜๊ณ  ์žˆ๋Š” ๊ฑฐ ๊ฐ™๋‹ค.

์ง„์žฌ

์‹œ์šด

โ€ข
์˜ค๋Š˜์€ ์ฐจํŠธ๋ฅผ ์™„์„ฑํ–ˆ๋‹ค. ์บ”๋ฒ„์Šค๋ฅผ 1๋„ ๋ชฐ๋ž๋‹ค๊ฐ€ ์ ์  ๋ฐœ์ „ํ•˜๋Š” ๊ฒƒ ๊ฐ™์•„์„œ ์ข‹๋‹ค.
โ€ข
์Šค์Šค๋กœ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉด์„œ ๊ฒ€์ƒ‰์˜ ๋นˆ๋„๊ฐ€ ์ค„๊ณ  ํ˜ผ์ž ํ•˜๋Š” ๊ณ ๋ฏผ์˜ ๋นˆ๋„๊ฐ€ ๋Š˜์–ด๋‚˜๋Š” ๊ฒƒ์„ ๋А๋‚€๋‹ค.
โ€ข
๊ฒ€์ƒ‰ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์žฌ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๋ฆฌํŒฉํ† ๋ง์„ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ์‰ฝ์ง€๊ฐ€ ์•Š๋‹ค. ์ฒ˜์Œ๋ถ€ํ„ฐ ์กฐ๊ธˆ ์ž˜ ์งœ๋ณผ ๊ฑธ.. ํ•˜๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด์„œ ์•„์‰ฝ๋‹ค.
โ€ข
๋ฆฌํŒฉํ† ๋ง์„ ํ•˜๋ฉด์„œ ์‚ฌ์‹ค ๋ถ„๋ฆฌ ์ž์ฒด๋Š” ์‰ฌ์šด๋ฐ ๊ทธ๋ƒฅ ๋„˜์–ด๊ฐ€๊ธฐ์—๋Š” ์•„์‰ฌ์šด ์ ์ด ๋งŽ์•„์„œ ๊ณ ๋ฏผ์ด ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. <br/> ๊ทธ๋Ÿฌ๋‚˜ ์ผ์ •์„ ๋งž์ถฐ์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ณ ๋ฏผ์€ ๋‚ด์ผ๊นŒ์ง€๋งŒ, ๊ทธ๋ฆฌ๊ณ  ๋” ๋‚˜์€ ๋ฆฌํŒฉํ† ๋ง์€ ์‹œ๊ฐ„์ด ๋‚  ๋•Œ ํ‹ˆํ‹ˆ์ด ํ•˜์ž.
โ€ข
์•„ ๊ทผ๋ฐ ์ง„์งœ ๋” ์ž˜ ๋ถ„๋ฆฌํ•  ์ˆ˜ ์žˆ์„๊ฑฐ ๊ฐ™์€๋ฐ..................

12์›” 1์ผ

๋™๊ทœ

์Šน์žฌ

โ€ข
์˜ค๋Š˜์€ ๋งค์ฃผ ์žˆ๋Š” ๋ฐ๋ชจ ํ•˜๋ฃจ ์ „๋‚ ์ด๋‹ค. ๋ฐ๋ชจ ์ „๋‚ ์€ ํ•ญ์ƒ ๋ฐ”์˜๋‹ค...
โ€ข
middleware๋ฅผ ๊ตฌํ˜„ํ•˜์—ฌ ํ”„๋ก ํŠธ์—์„œ ์˜ค๋Š” ๋ชจ๋“  api ์š”์ฒญ์— ๋Œ€ํ•ด ๊ฒ€์ฆ์„ ๊ฑฐ์น˜๋Š” ๋กœ์ง์„ ์ถ”๊ฐ€ํ–ˆ๋‹ค.
โ€ข
๋ฐฐํฌ๋ฅผ ๋‹ด๋‹นํ•˜๊ณ  ์žˆ๋Š” ๋‚˜๋Š” ์ž์ •๋ถ€ํ„ฐ ๋ฐฐํฌ๋ฅผ ์œ„ํ•ด ๊ธฐ๋Šฅ์ƒ ์ถ”๊ฐ€๋˜์–ด์•ผํ•˜๋Š” PR๋“ค์„ ํŒ€์›๋“ค์—๊ฒŒ ์˜๊ฒฌ์„ ๋ฐ›์•„ merge๋ฅผ ์ง„ํ–‰ํ–ˆ๋‹ค.
โ€ข
์—ญ์‹œ๋‚˜ ํ•œ๋ฒˆ์— ๋˜๋Š” ๋ฒ•์ด ์—†๋Š” ๋ฐฐํฌ... ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ด ํ”„๋ก ํŠธ๋ถ„๋“ค๊ณผ ํ•จ๊ป˜ ์—๋Ÿฌ ๋””๋ฒ„๊น…์„ ์ง„ํ–‰ํ–ˆ๋‹ค.
โ€ข
๋‹ค๋“ค ๋Šฆ๊ฒŒ๊นŒ์ง€ ๋””๋ฒ„๊น…์— ํ•จ๊ป˜ ํ•ด์ค˜์„œ ๋„ˆ๋ฌด ๊ณ ๋งˆ์› ๋‹ค.

์ง„์žฌ

์‹œ์šด

โ€ข
๋กœ๊ทธ์ธ์ด ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ๊ณ , ๋ง‰ํžŒ ํ˜ˆ์ด ๋šซ๋ฆฌ๋Š” ๋А๋‚Œ์ด๋‹ค.
โ€ข
์ด์ œ API๋ฅผ ์ž„์‹œ๋กœ id=1ํ•ด์„œ ํ™•์ธํ•˜๋˜ ๊ฒƒ์„ ๋กœ๊ทธ์ธ ๊ธฐ๋ฐ˜ ๋ฐ์ดํ„ฐ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค.
โ€ข
๊ทธ๋ฆฌ๊ณ  ๋ชฉ์š”์ผ์€.. ํ•ญ์ƒ ๋Šฆ๊ฒŒ ์ž”๋‹ค.. ์šฐ๋ฆฌํŒ€ ์˜ต์Šค ํ™”์ดํŒ…

12์›” 2์ผ

๋™๊ทœ

์Šน์žฌ

์ง„์žฌ

์‹œ์šด