์ด๋ฒ ์ฃผ๋ฅผ ๋์๋ณด๋ฉฐ.. ํ ํ๊ณ
์ด๊ฑด ์์ฝ๋ค..
โข
์ค๊ฐ ์ค๊ฐ์ ๋งํ๋๊ฒ ๋ง์์ 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ํด์ ํ์ธํ๋ ๊ฒ์ ๋ก๊ทธ์ธ ๊ธฐ๋ฐ ๋ฐ์ดํฐ๋ก ํ์ธํ ์ ์๊ฒ ๋์๋ค.
โข
๊ทธ๋ฆฌ๊ณ ๋ชฉ์์ผ์.. ํญ์ ๋ฆ๊ฒ ์๋ค.. ์ฐ๋ฆฌํ ์ต์ค ํ์ดํ
