(JWT , API์ ๊ดํ ์ ๋ฐ์ ์ธ ๋ด์ฉ์ ๊ฒ์๊ธ๋ก ์์ฑํ์์ผ๋ฉฐ,
๊ด๋ จ๋ ์ ์ผ๋ถ๋ฅผ ๋ณธ ๊ฒ์๊ธ์์ ์ธ๊ธ์์ ์
๋๋ค.)
์ฒซ ํ๊ณ ์ฌ์ ๋์ ๋ฐ ๋ด์ฉ์ด ์ ๋ง ์๋ง์ธ๋ฏํฉ๋๋ค.
๐ 1. Week01 ํ๊ณ (22.09.19 ~ 22.09.25)
๐ ์ฒซ ํญํด๋ฅผ ์์ํ๋ฉฐ
ํญํด๋ฅผ ์์ํ์ง ์ผ์ฃผ์ผ์ด ์ง๋ฌ๋ค.
์ฒซ ์คํํธ๋ถํฐ ์ ์ ์์ด ๋ ํฌํจ 3๋ช
์ด์ ํ๋ก์ ํธ๋ฅผ ์์ํ๋ค.
๊ด์ฌ์ด ์๊ณ , ํ๊ณ ์ถ์ ๊ณณ์ ์ด์ผ๊ธฐ ํ๋ค๊ฐ ์ฌ๋ฌ ์๊ฒฌ์ด ๋์์๋๋ฐ, ๊ทธ ์ค ์ฐ์ฐ์ฐฎ๊ฒ ์๊ธฐํ๋ ํ ์ง์ญ์ ์์์ , ๋ฌธํ์์ค ๋ฑ์ ์๊ฐํ๋ ์ปจํ ์ธ ๋ฅผ ์งํํ๊ฒ ๋์๋ค.
์ด๋ฆํ์ฌ, " ์ด์์ ๊ฐ๋ถ์ ์ฒ์์ด์ง ? "
๊ธฐ๋ณธ ์ฌ๋ค์ผ ์ด๋ค.
์ ๋ง๊ณ ๋ง์ ๊ณณ์ค์ ๊ฐ๋ถ๊ตฌ์ธ๊ฐ? ์๊ฐ์ด ๋ค ์ ์๋๋ฐ
์ฐ์ ํ ๊ฑฐ๋ฆฌ๊ฐ ๋ง์ ์์ธ์ ์ค์ ์ผ๋ก ์์ํ์ฌ , ๋ง์ ์ง์ญ๊ตฌ๋ค์ด ์์์ผ๋
๋ํ์ ์ผ๋ก ๊ผฝ์ ์ ์๋ "๊ฐ"์ด ๋ถ์ ๊ฐ๋จ,๊ฐ์,๊ฐ๋,๊ฐ๋ถ ์ชฝ์ ํํ๋ค.
๋ค ์ง์ญ๊ตฌ์ค ๊ฐ๋ถ์ ์ ํํ ์ด์ ๋, ์ ๋ ๊ฐ๋ถ์ด ๊ด์ฌ์ด ์์ ๊ฒ ๊ฐ๊ณ ํ ๋ถ์กฑํ ์ค๋ ฅ์ผ๋ก ์ ์ ๊ฒ๋ถํฐ ํด๋ณด์. ๋ผ๋ ๊ฒ์์ ์์๋์๋ค.
์งํํ๋ฉด์ ๋ง์ด ์ฐ๋ ์ฝ๋๋ค์ ์กฐ๊ธ์ฉ ๋์ ๋ค์ด์ค๊ธฐ ์์ํ๋ค.
ํนํ display:flex;์ ํจ๊ป ๋ถ์ด๋ค๋๋ 4๊ฐ์ ์ฝ๋,
A-Jax , for ๋ฐ๋ณต๋ฌธ ๋ฑ..
OPEN API์์ ์ ๋ง ์ ๋จน์๋ค, ์ธํธ๋กํ์ด์ง์์ ๊ฒ์๊ธ์ ๋๋ฅด๋ฉด
๋ํ
์ผํ์ด์ง๋ก ์ฐ๊ฒฐ๋์ด ์ฌ์ง, ์๊ฐ๊ธ ๋ฑ์ด ์ฐ๋๋๊ฒ๋ ํ๋ ์์
์ด์๋๋ฐ,
์๊ธฐํ๋ฉฐ ๋์จ ๋ถ๋ถ์ XML์ XML DOM์ผ๋ก ๋ณ๊ฒฝํ ํ, ์ด ๋ถ๋ถ์ ๋์ด์์ผํ๋ ๊ฒ์ด์๋๋ฐ, ์ด ๋ถ๋ถ์ ์ด๋ป๊ฒ๋ ์ฐพ์๋ณด๊ฒ ๋ค๊ณ ๊ตฌ๊ธ๋ง์ผ๋ก
๋์ค๋๊ฑฐ๋ ํ๋ง๋๋ก ๋ฅ์น๋๋๋ก ๋ฐ๋ผํด๋ดค๋๋ฐ,, ๊ฒฐ๊ตญ ์๋๋๋ผ
๋ฌผ๋ก , ์ด ์์ค์ ํ์๋ค์๊ฒ ๋ ๋ฒ ์ ๋ ๋ฌผ์ด๋ณด๋ฉฐ ์ต์ํ์ ๋ถ๋ถ๋ง ๋ฌผ์ด๋ณด๊ณ ์ง์ ํด๋ณด๋ ค ํ๋๋ฐ ์๋์ด์,, ์ธ ๋ฒ์งธ ๋ฌผ์ด๋ดค์๋
๊ทธ๋ฆฌ๊ณ ๋ฌผ์ด๋ณผ๋๋ง๋ค ๊ฐ์ด ์ฐพ์๋ด์คฌ์๋๋ฐ, ๊ฒฐ๊ตญ ์ฐพ์๋๋ค.
querySelectorํจ์๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ด์๋๋ฐ,
์ด๋ ๊ฒ ์ฌ์ฉํ๋ฉด ๋๋ ๊ฒ์ด์๋ค, ์ ๋ฌผ๋ก ์ด์ ์ ํด๋ณด๋ ๋ฐฉ๋ฒ ์์์ด ๋จน๊ธฐ ์ํด์ ์ฃผ์์ผ๋ก ์ฒ๋ฆฌํ ๊ฒ๋ ์๋ค.. ๋ฐ์ ๋ฐ๋ณต๋ฌธ
๐ ํ ์ฃผ๊ฐ ๋ฐฐ์ด์ & ๋๋์
์ผ๋ถ ํจ์๊ฐ ๋์ ๋ค์ด์ค๊ธฐ ์์ํจ.(A-jax, display๋ฌธ, for๋ฌธ ๋ฑ..)
์๊ฐํ ๊ฒ ๋ณด๋ค ์ข ๋ ์ด์ฌํ ํด์ผํ ๋ฏํ๋ค.
ํ๊ณ ์์ง๋ง, ๋ฐ์๋ค์ด๋ ์๋๊ฐ ๋๋ ค ๋ค๋ฅธ ๋ถ๋ค๋ณด๋ค ์กฐ๊ธ์ด๋ผ๋ ๋ ํด์ผ๊ฒ ๋ค ์๊ฐํ๋ค.
์์ง ์งํ์ค์ด์ด์ ๋ด์ฉ ์ธ๊ธ์ด ์๋ค์ํผ ํ์ง๋ง, ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ๋ง๋ณด๊ณ ์๋๊ฒ ์ด์ ๊ธฐ๋ณธ ๋ด์ฉ๋ถํฐ ํ๋์ค์ด์๊ณ , ์์์ผ์ ์๊ณ ๋ฆฌ์ฆ์ ์ง์คํด์ ํ์ด์ผ ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค.
ํญํด99์์ ์ ๊ณตํด์ฃผ์ ํผ๊ณต์ค ์ฑ
์ ๋ฐ๋ผํ๋ฉด์ ํ๋๋ฐ, ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ์ ๋น์ทํ ๋ถ๋ถ์ด ๋ณด์ธ๋ค. ์กฐ๊ธ์ฉ์ ๋์ ๋ค์ด์ค๋๋ฐ
์๋ง,, ์๊ณ ๋ฆฌ์ฆ ํ๋ฉด์ ๊ฐ์ด ๋ณํํด์ผ ํ ๊ฒ ๊ฐ๋ค.
์ต์ 12์๊ฐ ์ด์์ ์ปดํจํฐ์ ํจ๊ป ์ผ์ ์ ์ํํ๊ธฐ ๋๋ฌธ์ ์ฒด๋ ฅ๊ด๋ฆฌ๊ฐ ๊ต์ฅํ ์ค์ํด๋ณด์ธ๋ค.
์๊ฐ๋ณด๋ค ์๊ฐ์ด ๊ต~์ฅํ ๋นจ๋ฆฌ๊ฐ๋ค. ํ์ฌ ๊ธฐ๋ถ์ ํ๋๊ฐ ๋์ค๋๋ ๋ฐฐ์ ํ์ ๋น ๋ฅด๊ฒ ํ๋ฌ๊ฐ๋ ๊ฒ ๊ฐ๋ค.
๐ JWT ? API ?
JWT๋ ํ์๊ฐ์
ํ์ด์ง ๋น์ ์ฌ์ฉํด์ผ ํ๋ ๊ฒ์ด๊ณ ,
์ ์ ๋ฅผ ์ธ์ฆํ๊ณ ์๋ณํ๊ธฐ ์ํ ํ ํฐ ๊ธฐ๋ฐ์ธ์ฆ
API์ ๊ฒฝ์ฐ๋ ๋งก์๋ ๋ํ
์ผ ํ์ด์ง ์ ์ ๋น์ ์ฌ์ฉํ๋ ๊ฒ์ธ๋ฐ,
๋ํ์ ์ผ๋ก ๊ณต๊ณต๊ธฐ๊ด์์ ์ ๊ณตํ๋ ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํ ๋ฐ์ดํฐ ํ์ผ ๋ชจ์์ง์ด๋ผ๊ณ ๋ ๋ณด์ด๋ ๊ฒ ๊ฐ๋ค.
์ด ๋ถ๋ถ์ ๋ํด์๋ ๋น์ฅ ๋ฐฐ์ ๋ค๊ณ ๋ง์ ๋ชปํ ๊ฒ ๊ฐ๋ค.
์๊ฐ๋ณด๋ค ๋ฐ์๋ค์ด๋๊ฒ ์ฌ๋ฌ ๋ฒ ๋ฐ๋ณต ์งํ์ ํด์ผ ๋ ๊ฒ ๊ฐ์์,
๐ ๋ง์น๋ฉฐ