HTTP ์์ฒญ
๊ณผ Promise
ํํธ๋ฅผ ๋งก๊ฒ ๋์๋ค.ํ๋ก ํธ์๋ ์ค์ฟจ์ด ํ ๋ฌ๋ ๋จ์ง ์์ ์์ ์์ ๊ต์ฅํ ๋ง์ ์๊ฐ์ด ๋ ๋ค. ํนํ ํํ๊ฐ ํฌ๋ค. ํญ์ ๋ ์์ ์๋ ๊ณผ์ ๋ ๋ณต์ต์ ์น์คํ๋๋ผ CS ๊ณต๋ถ๋ฅผ ์ํํ ํ๋ ๊ฒ ๊ฐ๋ค. ์ถฉ๋ถํ ํ์ฉํ ์ ์๋ ์๊ฐ์ ๋ง์ด ๋ ๋ฆฐ ๊ฒ ๊ฐ์ ๊ทธ ์ ์ด ๊ฐ์ฅ ํํ๊ฐ ํฌ๋ค. ๋จ์ ํ๋ฌ์ด๋ผ๋ ์๊ฐ์ ํจ์จ์ ์ผ๋ก ์จ์ ๋ถ์กฑํ๊ฒ ๋๊ปด์ง๋ ๋ถ๋ถ์ ๋ง์ด ๋ฉ๊ฟ์ผํ ํ์์ฑ์ ๋๊ผ๋ค.
ํ๊ณ ์กฐ ํ์๋ค์ ์คํ๋ผ์ธ์ผ๋ก ๋ค์ ๋ง๋ฌ๋ค. ์๋ฃ ๋๋๊ณ ๋ ๋น์ฐํ ๋ณผ ์ฌ๋๋ค์ด์ง๋ง ํ์๋ค์ด ์๋ค๋ ์์ฒด๋ก ๊ต์ก ๊ณผ์ ์์ ํฐ ์์ง๊ฐ ๋๊ณ ์ฌ๋ฏธ์๋ ์๊ฐ๋ค์ด์๋ค. ๋ฉ์ฌ OT ์ฒซ๋ ์ ๋ฐ๋ก ํ๊ณ ํ์ด ์ง์ ๋๊ธฐ ๋๋ฌธ์ ๋๋ฌด..๋น ๋ฅด์ง ์๋..? ์ถ์์ง๋ง ์ญ์ ๋ฉ์ฌ ์ด์์ง๋ถ๋ค์ ๋ชจ๋ ๊ณํ์ด ์์๋ค. ๊ทธ ๋๋ถ์ ์ง๊ธ์ ๊ฐ์ฅ ์ ํํ๊ณ ์ ์ ํ๋ ๊ด๊ณ๊ฐ ๋์๋ฐ. (๋๋ง,, ๊ทธ๋ด์๋ ใ ใ )
์คํ ์์ค์ ๊ผญ ๊ธฐ์ฌํด๋ณด๊ณ ์ถ๋ค๋ ์๊ฐ์ด ์์์ง๋ง ๋ง์ฐํ๊ฒ๋ง ๋๊ปด์ก์๋๋ฐ ์ฐ์ฐํ ํธ์ํฐ์์ ํ๋ฆฌ์ฝ๋์บ ํ ํ๊ตญ์ด ๋ฒ์ญ ํ๋ก์ ํธ ์์์ ๋ฃ๊ฒ ๋์ด ์ข์ ๊ธฐํ๋ฅผ ์ก๊ฒ ๋์๋ค. SNS์ ๋ง์ง ์๋ ์ฌ๋์ด์ง๋ง ์ ๊ฐ๋ฐ ์ปค๋ฎค๋ํฐ๊ฐ ์ค์ํ์ง ๋๊ผ๋ ๊ณ๊ธฐ. ๋ ํ๋ก ํธ์๋ ์ค์ฟจ์์ ๋ณด๋ผ๋๊ป์ ํน๊ฐ์ผ๋ก ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฒ์ญ ์ค์ต์ ์งํํด์ฃผ์ ๋๋ถ์ ์คํ ์์ค ์ํ๊ณ์ ๋ํด ์๊ฒ ๋๊ณ ์ง์ ์ฐธ์ฌํ ๋๊ธฐ๋ฅผ ์ป๊ฒ ๋ ๊ณ๊ธฐ๊ฐ ๋ ๊ฒ์ด ๋ถ๋ช ํ๊ธฐ์ ๋๋ฌด ๊ฐ์ฌํ๋ค. ๋ฉ์ฌ ์ฒด๊ณ !!!!!!! (๊ตฌ๊ธ๋ฐ์ผ๋ก ๋ต๋ ํ๋ก์ ํธ Alison ๋ด๋น์๋๊ณผ๋ ๋๋ฌด ํธ์ํ ๊ณต๋ถ ๋ฐฉ๋ฒ์ด๋ ์ง๋ก ๋ฑ์ ๋ํด ์๊ธฐํ ๊ธฐํ๊ฐ ์๊ฒจ์ ํ๋ณตํ๋ค๐,,, ์ด๋ฒ ๋ฒ์ญ์, ๊ฐ์์๋ค๋ผ๋ฆฌ ์คํ๋ผ์ธ์ผ๋ก๋ ๋ง๋ ์ ์๋ ์ปค๋ฎค๋ํฐ๊ฐ ์๊ธธ ๊ฒ ๊ฐ์ ๊ธฐ๋์ค!)
์ฑ
์งํ์ด ๋จ์ํ ์์ฑํ๊ณ ํด๊ณ ํ๋ ๊ณผ์ ์ ๊ฑฐ์น ์ค ์์๋๋ฐ ๋ฐํ๋ฅผ ์งํํ ํ ํผ๋๋ฐฑ์ ๋ฐ๋ ๊ณผ์ ์ผ๋ก ์งํ๋๋ค๋ ์๊ธฐ๋ฅผ ๋ค์์ ๋ ์ฌ์ค ๋๋ฌด ๋ถ๋ด์ด ์ปธ๋ค. o O (ํํ๋ก์ ํธ๋ ๋ฒ์ญ ํ๋ก์ ํธ์ ๋ณํ์ด ๊ฐ๋ฅํ ๊น...?) ํ๋ฆฌ์ฝ๋์บ ํ๋ ๋ถ๋ด ์์ด ์งํํ ์ ์์ง๋ง ๋ถ๋ด๊ฐ์ ํฐ ์์ธ์ ํํ API
์์
๊ณผ ์ฑ
์ฃผ์ ์ธ ๋น๋๊ธฐ์ ๋ชจ๋ ์์ ์ด ์๊ธฐ ๋๋ฌธ์ด์๋ค. ํญ์ ์ด๋ฐ ๋ถ๋ด๊ฐ์ด ์ง๋๋ฅด๋ฉด ํํผํ๋ ํธ์ด์๋๋ฐ ์คํ๋ ค ์ด ๊ธฐํ๋ก ๋ถ์
๋ณด๊ณ ์ ํ๋ค.๐๋น๋๊ธฐ!์ฃฝ์ด! ์ด์ฐจํผ ๋ฉด์ ์์ ๋น๋๊ธฐ ๊ฐ๋
์ ๊ผญ ๋์ค๊ณ ์ค๋ฌด์์๋ ์์ฃผ ํ์ฉ๋๋ ๊ฐ๋
์ด๊ธฐ ๋๋ฌธ์ ์ด๋ฒ ํ๋ฌ์ด ์ง๋๋ฉด ๋ง์ ๊ฒ๋ค์ด ๋จ์ ๊ฒ ๊ฐ๋ค. (ํ์ง๋ง ์คํธ๋ ์ค๋ ์ด์ฉ ์ ์๋คใ
๋ฐํใ
๊ฟ์์๋ ํ์ํ๊ณ ์ฝ๋ฉํ๋ ๊ฟ ๋ด๋ฆฌ ๊พธ๋์ค)
์ ์ฃฝ์! (์ ์ ์ฃฝ์ด์ ์์)
์กฐ์๋ค๊ณผ ํ์ ํ ๋ ์ฌ์ฉํ git flow๋ฅผ ์ตํ๊ธฐ ์ํด ๊ฐ๋จํ ์ค์ต์ ํ๊ณ ์ง๊ธ๊น์ง ๊นํ ๋ด ํ๋ก์ ํธ ์น์ ์ ์ด์ฉํด์ ํ๋ก์ ํธ๋ฅผ ์งํ์ค์ด๋ค. Issue โ ๋ธ๋์น ์์ฑ โ PR โ Merge๋ก ์ด์ด์ง๋ ๊ณผ์ ์ ๋งค๋ฒ ๋ฐ๋ณตํ๊ณ ํ๋ฆฌ์ฝ๋์บ ํ์์๋ ๊ฐ์ ๊ณผ์ ์ผ๋ก ์์ ํ๋ค๋ณด๋ git๋ cli๋ ๋ง์ด ์ต์ํด์ก๊ณ ํ์ ํ ๋ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง ๊ฐ์ ์ตํ๊ฒ ๋์๋ค. ๋ณด๋ผ๋ ํน๊ฐ ์ด์ ๊น์ง ๊นํ ๋ฐ์คํฌํ์ผ๋ก ํ๋ GUI ๋ฐฉ์๋ง ์ฌ์ฉํ๋ ๋ ๋๋ฌด ๋ฟ๋ฏํ์์!?!? ํ์ง๋ง ๋ธ๋์น ์ถฉ๋์ ์์ง ๋ฑ์ ๋๋จ
๋ฆฌ์กํธ ๋ธ๋ก๊ทธ ๊ณผ์ ๋ฅผ ํ๋ฉด์ ๋ฐ์ดํฐ๋ฅผ ์ด๋ป๊ฒ ์ปดํฌ๋ํธ์ ๋ฟ๋ ค์ค ์ ์๋์ง ์ตํ ์ ์์๋ค. (์์ ์ ๊ฐ์ฅ ๋ง์ฐํ๊ฒ ๋๊ปด์ก๋ ๋ถ๋ถ) ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ํด์ผ ๋ฆฌ์กํธ๋ฅผ ์ํ ์ ์๋ค๋ ๊ฑด์ง ๊นจ๋ซ๊ฒ ๋์๋ ๊ณ๊ธฐ. ์ง๊ธ๊น์ง๋ ๋ฐ์ดํฐ ๋ญ์น๋ฅผ ๋ฐ์ map
์ผ๋ก ํ๋์ฉ ๋ฟ๋ ค์ฃผ๋ ๋ฐฉ๋ฒ์ด ๋ง์ด ์ฌ์ฉ๋๋ค. ๊ฐ๋จํด๋ณด์๋ ๊ณผ์ ์น๊ณ ๊ฑฐ์ 2์ฃผ๋ผ๋ ์๊ฐ์ด ์์๋๋๋ฐ ๊ทธ๋งํผ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ, ํ
, ๋ผ์ฐํฐ ๋ฑ์ ์ฌ์ฉํด๋ณด๋ฉด์ 2์ฃผ ์ ์ ๋นํด ๋ฆฌ์กํธ์ ๋ง์ด ์นํด์ก๋ค. ์ปค์คํ
ํ
๋ ๋ฉด์ ๋ ์์ฃผ ๋์จ๋ค๊ณ ํ๋๋ฐ ์ผ๋จ useContext
, useMemo
์ ๊ฐ์ ํ
๋ค์ ๋จผ์ ๋ง์ด ์ค์ตํด๋ณธ ๋ค์์ ๋ง๋ค์ด ์ฌ์ฉํด๋ณผ ์์ ์ด๋ค.
์ ํธ๋ฌ๋ธ ์ํ
๊ธฐ๋ก์ ๋จ๊ฒจ๋์ผ๋ผ ํ๋์ง ๋ํ๋ฒ ๊นจ๋ฌ์๋ค. ๋ฆฌ๋๋ฏธ๋ฅผ ํญ์ ๋ง๋ฐ์ง์ ์ฐ๋ ํธ์ธ๋ฐ, ์๊ฐ๋ณด๋ค ์ค๋ฅ ๋ฌ๋ ์ด์๋ ํด๊ฒฐ ๊ณผ์ ์ด ๊ธฐ์ต์ ์ ๋์ง ์์ ๋๊ฐ ์๋ค. ์ด๋ฒ์๋ ๊ทธ๋ฌ๋๋ฐ, ๋คํํ ๋ธ๋ก๊ทธ์ ๊ธฐ๋กํด๋์๋ ๊ธ๋ค์ด ์์ด์ ๋์์ ๋ฐ์๋ค.