# ๋ง์ง๋ง ํ๋ก์ ํธ๊ฐ ์์๋๋ค.
๋ฒ์จ ๋ง์ง๋ง 3์ฃผ์ง๋ฆฌ ํ๋ก์ ํธ๊ฐ ์์๋๋ค.
์ด ๋ง์ ์ฆ ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์๋ฃ๊น์ง 3์ฃผ๋ฐ์ ๋จ์ง ์์๋ค๋ ๋ป...!
๋ง๋ ์๋๋๊ฑฐ ์๋๊ฐ...!
์ด๋ป๊ฒ ์ด๋ฌ์ง ํํ ์๊ฐ์ด ๋๋ฌด ๋น ๋ฅด๋ค.
๋๋์ง ์์์ผ๋ฉด ํ๋ฉด์๋ ๋นจ๋ฆฌ ๋๋ด๊ณ ์ถ์ ๋ง์์ด ๋ค์ด์ ์ฌ๋ํด์ง๋ค.
์์ง ๊ณต๋ถ๊ฐ ์ ๋๋ก ๋์ง ์๊ณ , ์ค๋น๊ฐ ๋ ๋ ๊ฑฐ ๊ฐ์์ ๋นจ๋ฆฌ ๋๋์ง ์์์ผ๋ฉด ์ถ๊ณ ,
๋งค์ฃผ ๋งค์ผ ์งง์ ๋จ์๋ก ๊ณ์ํด์ ๋ฏธ์ ์ ์ํํ๋ ๊ณผ์ ์ ์ข ์ง์ณ์
๋นจ๋ฆฌ ๋๋๊ณ ์ง๊ธ๊น์ง ํ์ตํ๊ฑธ ์ ๋ฐ์ ์ผ๋ก ๋์ง๊ณ ์ถ์ด์ ๋นจ๋ฆฌ ๋๋ฌ์ผ๋ฉด ์ถ๋ค.
# ๋ง์ง๋ง ํ๋ก์ ํธ๋...?!

Dony์ ํจ๊ป ํ๊ฒ ๋๋ค! ์ํธ์ฐ!
๋ง์ง๋ง ํ๋ก์ ํธ๋ผ๊ณ ๊ฐ์ด ํ๊ณ ์ถ์ ์ฌ๋์ ์ค๋ฌธ ์กฐ์ฌํด์ ํด๋ก์ด๊ป์ ๋งค์นญ ์์ผ์ฃผ์ จ๋ค!
Dony ๋์ ์ ๋ง ์ฝ์ฝ์ ๋๋ถํฐ ์๊ฐ๋ณด๋ค ์กฐ ๋งค์นญ ์ด์ด ์ ์ข์์ ๊ฐ์ ์กฐ๊ฐ ๋ผ์ ํ๋ํ ์ ์ด ์ ์๋ค.
๊ทธ๋์ ์ฝ์ฟผ ๋๋๊ธฐ ์ ์ ํ์ ํ ๋ฒ์ ๊ฐ์ด ํด๋ณด๊ณ ์ถ์๋๋ฐ
์ด๋ ๊ฒ ๋ป๊น์ ๋ง์ง๋ง ํ๋ก์ ํธ๋ฅผ ํจ๊ป ํ๊ฒ ๋ผ์ ๋๋ฌด ํ๋ณตํ๋ค! ^3^)
๊ผญ ์ ์ข ์ ๋ฏธ๋ฅผ ๊ฑฐ๋ ์ ์๋๋ก ์ด์ฌํ ํด๋ณด๋ ค๊ณ ํ๋ค!
# ์ด๋ฒ ๋ฏธ์ ์ ์ฃผ์ ํคํฌ์ธํธ๋...?!
์ผ๋จ ์ฒซ๋ ๊ธฐํ์๋ FE ์๊ตฌ์ฌํญ์ ๊ฐ๋ณ๊ฒ ํ์ด๋ดค์ ๋ ์ฃผ ํคํฌ์ธํธ๊ฐ ๋ ๊ฑฐ ๊ฐ์ ์ฃผ์ ๋ ์๋์ 5๊ฐ๊ฐ ์ ๋๊ฐ ๋๋ ๊ฑฐ ๊ฐ๋ค.
- Agile
- Github OAuth
- ๋ฐฑ์๋์์ CRUD ๊ธฐ๋ฅ ๊ตฌํ
- React ์ ์ญ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ํ ์คํธ ์ฝ๋(Jest)
- ์ฑ๋ฅ ํ๋กํ์ผ๋ง?
์ด ์ค์์ ์ ์ผ ๊ด์ฌ์ด ๊ฐ๋ ๊ฑด ์ญ์ React ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ถ๋ถ์ด๋ค.
์ง๊ธ๊น์ง ๊ณ์ React์ Context API๋ฅผ ์ฌ์ฉํด์ ์ ์ญ ์ํ๋ค์ ๊ด๋ฆฌํด์๋๋ฐ ๋๋์ด ๋ง์ง๋ง ๋ฏธ์ ์ด ๋์ด์์ผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ํด๊ธ๋๋ค!
๊ทธ๋์ ์ด์ ์ด๋ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฐ๋ ๊ฒ ์ข์์ง ๊ณ ๋ฏผ์ด ์ข ๋๋๋ฐ ํ์ฌ ๋๋๊ฐ ์ฒ์ ๋งํด์ฃผ์ React Query์ ์กฐ๊ธ ๋ ๊ด์ฌ์ด ์ ๋ ค์๋ ์ํ๋ค.
# ๋ง์ง๋ง ํ๋ก์ ํธ๋๊น ๋นก์ธ๊ฒ ๊ธฐ๋กํด๋ณด์!

๋งค๋ฒ ๋ฏธ์ ํ๋ก์ ํธ๋ฅผ ๋๋ผ ๋๋ง๋ค ๊ธฐ๋ก์ ๋ํ ์์ฌ์์ด ๋ง์ด ๋จ์๋ค.
์ฒ์์ ํธ๊ธฐ๋กญ๊ฒ ๋ ธ์ ๋ ํ๊ณ , ์๋๋ฉด Readme๋ฅผ ์ฅํฉํ๊ฒ ์ ๋ฆฌํด๋ณด๊ณ Wiki๋ ์จ๋ณด๋ ค๊ณ ์์์ ๋ง๋ค๊ณ ํด ๋ดค์ง๋ง๊ฒฐ๊ตญ ๋๊น์ง ์ ๋๋ก ์์ฑํด๋ณด์ง๋ ๋ชปํ์๋ค.
๋ ์ด์ค๊ฐํ๊ฒ ์์ฑํ๋ค ๋ง์๋๋ฐ ๋ง์ง๋ง ๋ฏธ์ ๋งํผ์ ๊ทธ ์๊ฐ์ ๋์จ ๋ง ํ๋ํ๋, ๊ณ ๋ฏผ ํ๋ํ๋๋ฅผ ์ต๋ํ ๋ค ๊ธฐ๋กํ๊ฒ ๋ค๋ ๋ค์ง์ ํ๊ณ ๊ฐ ์ก๊ณ Notion์ ํ๋ดค๋ค!
๋คํํ Dony๋ ๋ ธ์ ์ ์ด์ฉํ ๊ธฐ๋ก์ ๊ธ์ ์ ์ผ๋ก ๋ฐ์ํด์ฃผ์ ์ ๋ ์ฝ๋์ ์ด์ฌํ ํ ๋คใ ใ
์์ง ํ ํ ๋น์ด ์์ง๋ง 3์ฃผ ๋์ ์ด์ฌํ ๊ณผ์ ํ๋ํ๋ ๊ธฐ๋กํด๋ณด๋ ค๊ณ ํ๋ค!!!!!
# ์ค๋ ๊ธฐ๋ก์...
์ค๋์ ์ฃผ๋ก FE ์ ํ๋ก์ ํธ ํ๊ฒฝ ์ค์ ๋ถ๋ถ๊ณผ ๋ก๊ทธ์ธ๊ณผ ์ด์ ๋ชฉ๋ก ํ์ด์ง์์ ๋ฐฑ์๋๋ก๋ถํฐ ๋ฐ์์์ผ ํ ๋ฐ์ดํฐ ์๋ณ ๊ด๋ จ๋ ํ์๋ฅผ ์งํํ๋๋ฐ ๊ทธ ๋ด์ฉ์ ํ์๋ก์ ์ต๋ํ ์ด์ฌํ ์ ์ด๋จ๋ค.
๋ค ์ ๊ณ ๋๋ ๋ฟ๋ฏํ๊ธด ํ๋ฐ ์ฝ๊ฐ ๋ถ์์ฉ์ด ํ ๋ง๋๋ ๋์น์ง ์๊ณ ์ ์ผ๋ ค๊ณ ํ๋ค ๋ณด๋ ๋ง์ ๋ณ๋ก ๋ชปํ๋ค๋ ์ ?
๋ฐฑ์๋ Sammy์ Dony์ ํฐํคํ์นด๋ฅผ ์ด์ฌํ ๋ค์ผ๋ฉฐ ๊ธฐ๋ก์ ํ๋๋ผ ๋ด ์๊ฒฌ์ ๋งํ ํ์ด๋ฐ์ ์ก๊ธฐ๊ฐ ์กฐ๊ธ ํ๋ค์๋ค.
๊ทธ๋๋ ๋คํํ ๊ณต์ฉ ํ์๋ฅผ ํ๊ธฐ ์ ์ FE ๋ผ๋ฆฌ ์๊ฒฌ์ ์ ๋ฆฌํด๋์ Dony ๋ง์ด ๋ด ๋ง, Dony ๋ง์ด ๋ด ๋ง์ด์ด์ ํฌ๊ฒ ๋ต๋ตํ ๋ถ๋ถ์ ์์๋ค! ^-^)ใ ใ ์๋ฒฝ ํธํก ๊ตณ~ใ ใ
# ์ด๋ฒ ์ฃผ๋ ์๋ง๋...
์ค๋์ ์ฒซ๋ ์ด๊ธฐ๋ ํ๊ณ ์ ์ ๋ ์๊ณ ์์ ๋ ์์์ด์ ๋๋๋ ์์ง์ ์ธ๋ถ์ ์ธ Task๋ฅผ ๋๋์ง๋ ๋ชปํ๋ค.(milestone๋ใ ใ )
๊ทธ๋๋ ๋๋ต์ ์ผ๋ก ์ค๋ Sammy์ ํ์ํ ๋ด์ฉ์ ๋ฏธ๋ฃจ์ด ๋ดค์ ๋
์ด๋ฒ ์ฃผ๋ ์๋ง ํ๋ก์ ํธ ํ๊ฒฝ ์ค์ ์ ํ๊ณ Github OAuth ๋ก๊ทธ์ธ ๊ธฐ๋ฅ ๊ตฌํ์ด๋
์ด์ ๋ฆฌ์คํธ ํ์ด์ง ๊ตฌํ ์๋๊น์ง๋ ํ ์ ์์ง ์์๊น ์ถ๋ค?!
# ์ ์์ผ!
์ด๋ฒ ํ๋ก์ ํธ์์ ์ฒ์ ๋ต๊ฒ ๋ ๋ฐฑ์๋์ Sammy ๊ป์๋ ์ด๋ฒ ํ๋ก์ ํธ๋ ์ ์ฒด์ ๋ชจ๋ ๊ธฐ๋ฅ์ ๊ณ ๋ คํ๋ฉฐ ํ๊บผ๋ฒ์ ์์ฑํ๊ฒ ๋ค๋ ์๊ฐ๋ณด๋ค๋ ํ๋ํ๋ ๊ทธ๋๊ทธ๋์ ๊ธฐ๋ฅ์ ์ค์ ์ผ๋ก ํ๋ฉฐ ๊ธฐ๋ฅ ์์ฑ ํ ๊ทธ๋ ๊ทธ๋์ ๋น ๋ฅธ ๋ฐฐํฌ๋ฅผ ๋ชฉํ๋ก ์์ ํ ์์ ์ด๋ผ๊ณ ํ์ จ๋ค. ๊ทธ ๋ง์์ ๋ค์ผ๋ ์ง๋์ฃผ ๊ธ์์ผ์ ์ฒญ๊ฐํ๋ ๋๋ฆฌ & ์ด๋ ํ์ ํผ์ด ์ธ์ ๋ฐํ์์ ๋ณธ ์๋์ ๊ทธ๋ฆผ์ด ์๊ฐ๋ฌ๋ค.

์ง๋ ๋ฏธ์ ์ ํํฌ & ๋จธํ ์กฐ์ ์ฝ๋ ๋ฆฌ๋ทฐ์์ ๋ฆฌ๋ทฐ์ด ๋ถ์ด ์ฒจ๋ถํด์ฃผ์ ๊ทธ๋ฆผ์ธ๋ฐ ์ ์์ผ ์ํํธ์จ์ด ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ก ์ ๋ํด ์ง๊ด์ ์ผ๋ก ์ ์ ์๋ ๊ทธ๋ฆผ์ด์๋ค.
๊ทธ๋์ ์ฝ๋ ์ค์ฟผ๋์์๋ ๊ณ์ํด์ ๋งค์ฃผ ๋ง์ผ์คํค์ ๋ง๋ค๋ผ ํ๊ณ ๊ธ์์ผ๋ง๋ค ๋ฐ๋ชจ ์๊ฐ์ธ ์ ์ฒด ๊ณต์ ์๊ฐ๋ ์๊ณ ์ ์์ผ์ ๊ถ์ฅํ๋ ๋๋์ด์๋๋ฐ ์ฌ์ค ํ ๋ฒ๋ ์ ์์ผ์ ํฌ๊ฒ ์์ํ๋ฉด์ ๊ฐ๋ฐ์ ํด๋ณธ ์ ์ด ์๋ ๊ฑฐ ๊ฐ๋ค.
๊ทธ๋ฅ ๊ทธ๋๊ทธ๋ ๋์ ๊ณผ์ ํด์น์ฐ ๋ฏ์ด ์ด์๋ง ๋ค๋ค๋ค๋ฅ ๋ง๋ค๊ณ ํ๋ํ๋ ํด๊ฒฐ๋ง ํ์ง...
๊ทธ๋์ ์ด๋ฒ์ ๋ญ๊ฐ ๋๋ Sammy์ ๋ชฉํ์ฒ๋ผ, ํ ๋ฒ์ ์ ์ฒด์ ๊ธฐ๋ฅ์ ์์ํ๊ณ ๊ตฌํํ๋ ๊ฒ๋ณด๋ค ๋งค์ฃผ๋ง๋ค ๋ง์ผ์คํค์ผ๋ก ์ ์ํ ์ต์ํ์ ๊ธฐ๋ฅ์ด ๋์ํ๋ ์ ํ์ ๋ฐฐํฌํ๋ ๊ฒ์ ๋ชฉํ๋ก ์งํํด๋ณด๊ณ ์ถ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
์ฌ์ค ์ง๊ธ๊น์ง ์งํํด์จ ๊ฑฐ๋ ํฌ๊ฒ ๋ค๋ฅผ ๋ฐ ์์๊ฑฐ ๊ฐ๊ธด ํ์ง๋ง ์กฐ๊ธ ๋ ์๊ฒฉํ๊ฒ ๋ง์ผ์คํค๊ณผ Task๋ฅผ ๊ด๋ฆฌํ๊ณ , ์์ ๊ทธ๋ฆผ ๊ฐ์ด ์ ์ฐจ์ ์ผ๋ก ๊ธฐ๋ฅ์ ํ์ฅํด๋๊ฐ๋ค๋ ๋ง์๊ฐ์ง์ผ๋ก ์งํํ๊ณ ์ถ๋ค!
๋ด์ผ ๋๋์ ํจ๊ป ๋ณธ๊ฒฉ์ ์ผ๋ก ํ๋ก ํธ์๋ ์ชฝ์ Task ๋ค์ ์๋ณํ๋ ์์ ์ ํ ๊ฑฐ ๊ฐ์๋ฐ ๊ทธ๋ ํ๋ฒ ๋ง์๋๋ ค๋ณผ๊น ํ๋ค!
# TS ์คํฐ๋ 3์ฃผ ์ฐจ! ์ ๋ค๋ฆญ!
์ค๋ TypeScript ์คํฐ๋ 3์ฃผ์ฐจ ํ๋์ด ์์๋ค!
์๋๋ ์ด์ (์ผ์์ผ) ๋ฐค 10์๋ก ์์ ๋์ด ์์๋๋ฐ ์ด๋ฒ ์ฃผ ์ฃผ์ ์ธ ์ ๋ค๋ฆญ์ด ์๊ฐ๋ณด๋ค ์ดํดํ๊ธฐ ์ข ์ด๋ ค์์
์คํฐ๋์ ๋ถ๋ค์ ์ํด๋ฅผ ๊ตฌํด ์ค๋(์์์ผ) ๋ฐค 10์๋ก ๋ณ๊ฒฝํ๋ค.
์ ๋ค๋ฆญ์ด ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ ๊ฐ์ ๊ฑด ์ฌ์ด๋ฐ ํ์ฉํ๋ ๊ฒ ์ด๋ ค์ด ๊ฑฐ ๊ฐ๋ค.
์ ๋ค๋ฆญ์ ์ ํ์ฉํ๋ค๋๊ฑธ ํ๋ณ ํ ์ ์๋ ๊ธฐ์ค์ ์ผ๋ง๋ ์ ๋ด๊ฐ ์ํ๋ ๋ฒ์ ๋ด๋ก ์ ํ์ ํ๋๋์ธ ๊ฑฐ ๊ฐ๋ค.
์ด๋ ต๋ค ์ด๋ ค์....
๊ทธ๋๋ ์ค๋ ์คํฐ๋์ ์ฅฌ๋ ์๋ก ์ฐธ์ฌํด์ฃผ์๊ณ ๋ค๋ค ๋ฌธ์ ๋ฅผ ์ด์ฌํ ๋ง๋ค์ด์ ์ฃผ์ ์ ๋ถ๋์ด ๊ฝค ๋ง์
๋ค์ 4์ฃผ ์ฐจ์ธ ์ด๋ฒ ์ฃผ ์ผ์์ผ์ ์ ๋ค๋ฆญ์ ํ๋ฒ ๋ ํ๊ธฐ๋ก ํ๋ค.
์ข ๋ ๋ค์, ๊น๊ฒ ๊ณต๋ถํด๋ด์ผ๊ฒ ๋ค.
๋ง๋ฐ ๊ทธ๋ฆฌ๊ณ ํ์ฌ Udemy์ TypeScript ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ๊ณต๋ถ๋ฅผ ํ๊ณ ์๋๋ฐ
๋ญ๊ฐ ๊ฐ์๋ง์ผ๋ก๋ ๋ถ์กฑํ์ด์ ๋งค๋ฒ ๊ตฌ๊ธ๋ง์ ํ๋๋ฐ ๊ทธ๋ด ๋๋ง๋ค TypeScript ๊ฐ ์ ์ ๋ฆฌ ๋ ์ฑ ์ ํ๋ ์ฌ๊ณ ์ถ๋ค๋ ์๊ฐ์ ํ์๋ค.
๊ทธ๋ฌ๋๋ฐ ์ค๋ Jamie๊ฐ ๋ฆฌ๋ทฐ์ด๋ถ๊ป ์ถ์ฒ ๋ฐ์๋ค ํ์๋ฉด์ TypeScript ์ฑ ์ ํ๋ ์๋ ค์ฃผ์ จ๋ค!
^-^)/ ๐ณ ๊ทธ๋์ ๋ฐ๋ก ์ง๋ฌ๋ฒ๋ฆผ~~~~๐ฐFLEX๐ฐ~~~
์ฌ์ค ์์ง ๋ฆฌ๋ค๊ธฐ๋ ๋ค ๋ชป์ฝ์๋๋ฐใ ใ ...
์ผ๋จ ๊ทธ๋ฅ ์ง๋ ๋คใ ใ ...
์คํฐ๋ ํ๋ฉด์ ๋ณด์กฐ ์๋ฃ๋ก ํํํ ์ฐธ๊ณ ํด๋ณด๋ ค๊ณ ํ๋ค! ^3^)b ์ฉจ์ด๋ฏธ ์งฑ!
'๐ DIARY > Codesquad Masters' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[220617] ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ผ์ผ ํ๊ณ (4) | 2022.06.17 |
---|---|
[220614] ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ผ์ผ ํ๊ณ (0) | 2022.06.15 |
[220516 ~ 20] ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฃผ๊ฐ ํ๊ณ (0) | 2022.05.20 |
[220512] ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ผ์ผ ํ๊ณ (0) | 2022.05.13 |