Section4 ํ๊ณ , ์งง๋ค๋ฉด ์งง๊ณ , ๊ธธ๋ค๋ฉด ๊ธธ์์ ๋ค ๋ฌ๊ฐ์ ์ฌ์ , ์ด๋ ๋์?
๐ ๋ชฉํ: ๐ฉ๐ป๐ป 2023๋ ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ปค๋ฆฌ์ด ์์ํ๊ธฐ
โจ Keep
_๋ง์กฑ์ค๋ฌ์ด ๋ถ๋ถ, ๊ณ์ ์ด์ด๊ฐ๋ฉด ์ข์ ๋ถ๋ถ
• ๋งค์ผ ๊พธ์คํ ํ์ตํ๊ณ , ๊ณต๋ถํ๋ ๋ด์ฉ์ ์ ๋ฆฌํ๊ณ ๊ธฐ๋กํ๋ ์ต๊ด
→ ํค์๋๋ง ๊ธฐ์ตํ๊ณ ์๋ค๋ฉด ์ธ์ ๋ ๊ฒ์ํ ์ ์๋ ํธ๋ฆฌํจ ๐
→ ๋ฌด์์ ๋ฐฐ์ ๋์ง, ๋ฐฐ์ฐ์ง ์์๋์ง ํ์ ํ๋๋ฐ ๋์์ด ๋๋ค.
• ํ๋ฃจ๋ฅผ ๋์๋ณด๋ ์์ฃผ ๊ฐ๋ตํ ํ๊ณ ์์ฑ
• ์ ์๊ฐ์ ์ถ์
• ๋งค์ผ ์คํธ๋ ์นญ์ผ๋ก ๋ชธ ํ์ด์ฃผ๊ธฐ
โจ Problem
_๋ชฉํ๋ฅผ ์ด๋ฃจ๋๋ฐ ์ฅ์ ๋ฌผ์ด ๋์๊ฑฐ๋, ๊ฐ์ ์ด ํ์ํ๋ค๊ณ ์๊ฐ๋๋ ๋ถ๋ถ
• ์ง๋๋ฌ์ ์ด์ด ์์ฆ ๊ณ์ํด์ ์๋ฒฝ 2์๊น์ง ๊ณต๋ถ๋ฅผ ํ๋ค๊ณ ํผ๋ก๊ฐ ์์ด๋ ์ค์ธ๊ฒ ๊ฐ๋ค.. ๐ซ
• ์์นจ์ ์ผ์ฐ ์ผ์ด๋์ ํ๊ธฐ์ฐฌ ํ๋ฃจ๋ฅผ ๋ณด๋ด๊ณ ์ถ์๋ฐ, ๋ฆ๊ฒ ์๋ ๋ฆ๊ฒ ์ผ์ด๋๊ฒ ๋๋ค.
→ ํ์ง๋ง ์ญ์ ์์นจ๋ณด๋ค๋ ๋ฐค์ ์ง์ค๋ ฅ์ด ํจ์ฌ ์ข์์ ์ด๊ฒ problem์ธ์ง๋ ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง, ์์ง๊ฐ ๋ถ์กฑํ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ ๋ ๋ค.
→ ์ด๋ค ๋ฐฉ๋ฒ์ด ์ต์ ์ธ์ง ์์ง ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง, ๋์ ๋ฐ์ดํฐ์ ์ด๋ฉด์ ์ง๊ธ๊น์ง ์์นจ์ด ์๋ฒฝ๋ณด๋ค ๊ณต๋ถ๊ฐ ๋ ์๋์๋ ์ ์ ์์๋ค.. ์ผ์ฐ ์ผ์ด๋๋ ์ ํ๋ น์ ํธ๊ฒฌ์ด๋ผ ์๊ฐํ๋ ํธ ๐ฌ
• ๐ ๋ ๋์์ง๋ ๋ ์จ.. ๋ ์ด ๋๋ฌด ๋ฅ๊ณ ์ตํ ๋ ์์์ด ์ ๋ก ์ฌ๋ผ์ง๋ค.
์์ฆ์๋ ์นดํ๋ฅผ ์ ์๊ฐ๋๋ฐ, ์นดํ๋ผ๋ ๊ฐ์ ์ง์คํด์ผ ํ ๊ฒ ๊ฐ๋ค.
• ํด์ผํ ๊ณต๋ถ๊ฐ ์๊พธ๋ง ๋ฏธ๋ค์ง๋ค.
→ ๋ค์ด์ด๋ฆฌ์ ์์ธ Todo๋ง ๋ช์ญ๊ฐ… ๐ฅฒ
• ์๊ณ ๋ฆฌ์ฆ์ ๋งค์ฐ ์ฝํ๋ค. ์ง๊ธ๊น์ง๋ ์ฝ๋ฉํ ์คํธ๋ฅผ ๋ณด์ง ์๋ ํ์ฌ์๋ง ์ง์ํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ์๋๋ฐ ์ ํ์ ํญ์ ์ค์ค๋ก ์ค์ด๊ณ ์ถ์ง ์์์ ์๊ฐ์ ๋ด์ ์ฝ๋ฉํ ์คํธ๋ฅผ ์ํ ๊ณต๋ถ๋ ํด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
โจ Try
_์ฆ์ ์ค์ฒํ Action Item
• ์ปจ๋์ ๊ด๋ฆฌ๋ ์ง๋๋ฌ์ ์ด์ด ์ฌ์ ํ ํ์ํ๋ค.
• ๋ค๋ฅธ ์ฌ๋๊ณผ ๋น๊ตํ์ง ์๊ณ , ๐ฅ ๋์ ๋ชฉํ์ ๋ง๊ฒ ๋ ธ๋ ฅํ์
• ์ฝ๋ฉํ ์คํธ๋ฅผ ์ํ ํ์ต ์์ → ์ฌ์ด ๋ฌธ์ ๋ถํฐ ํ๋์ฉ ํ์ด๋ณด๋ ์ค
๐ Section4 ํ๊ณ
4์ ์ด ์์ํ๋ ๋ถํธ์บ ํ๊ฐ ๋ฒ์จ 4๋ฌ์ด๋ ์ง๋ฌ๋ค. ๊ธฐ์ด ์ง์์ด ์๋ ์ํ์์ ๋ง์ฐํ ํผ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๊ณต๋ถํ๋ ๊ฒ๋ณด๋ค, ๋ถํธ์บ ํ์์ ์ ํด์ง ์ปค๋ฆฌํ๋ผ์ ๋ฐ๋ผ ํ์ํ ์ง์์ ์ต๋ํ๋ ๊ฒ์ด ํ์ ์์ ์ผ์ ํ ์ ์๋ ์ข ๋ ๋น ๋ฅธ ๊ธธ์ด ์๋๊น ์๊ฐ์ด ๋ค์ด ์ ์ฒญํ ๋ถํธ์บ ํ์๋ค. 4๋ฌ๊ฐ์ ํ์ต๊ณผ ๋ ๋ฌ๊ฐ์ ํ ํ๋ก์ ํธ๋ก ์ทจ์ ์ค๋น๋ฅผ ์ด๋์ ๋๋ ํ ์ ์์ ๊ฒ์ด๋ผ ์๊ฐํ๋๋ฐ(๋ฌผ๋ก ์ ๋ง ์ด์ฌํ ํ๋ค๋ ์ ์ ํ์), 4๋ฌ์ด ์ง๋ ์ง๊ธ์ ์กฐ๊ธ์ ์๋ฌธ์ด ๋ ๋ค. ํจ๊ธฐ์๊ฒ ๊ฐ๋ฐ์๋ก ์ ํฅํด๋ณด์๋ฉฐ ์์ํ ๊ณต๋ถ์๋๋ฐ, ๋ ์ด๋๋ก ์ทจ์ ํ ์ ์์๊น…?
๋ด์ผ๋ถํฐ๋ ํ ํ๋ก์ ํธ์ ๋ค์ด๊ฐ๋ค. ์ฒ์ ๊ธฐ๋๋์๋ ๋ง์๊ณผ๋ ๋ค๋ฅด๊ฒ ๊ฑฑ์ ์ด ์์ ๋ค. ์ด๋ฒ ์ฃผ ๋์ ์ด์ฌํ ๋ฌ๋ ค์ React์ Redux, TypeScript๊น์ง ์ข ๋ ๋ณผ๋ ค๊ณ ํ๋๋ฐ ์๊ฐ๋ณด๋ค ์ง๋๊ฐ ์๋๊ฐ๊ธฐ๋ ํ๊ณ , ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ํจ๊ป ํ์ ์ ์ ํ ์ ์์๊น ๊ฑฑ์ ๋ ๋์๋ค. ํจ๊ป ๊ณต๋ถ๋ฅผ ํ๋ ๊ฒ, ํจ๊ป ์ผ์ ํ๋ ๊ฒ, ํจ๊ป ๋ฌด์ธ๊ฐ๋ฅผ ํ๋ ๊ฒ์ ๋ํ ์๋ฌธ์ ๊ฐ์ง์ ์ด ์์๊ณ , ๋๋ ์กฐ๊ธ ๋ฏ์ ๊ฐ๋ฆด ๋ฟ ํ์ ๊ณผ ์ปค๋ฎค๋์ผ์ด์ ์คํฌ์ ๋ถ์กฑํ์ง ์๋ค๊ณ ์๊ฐํ๋๋ฐ ๋ถํธ์บ ํ๋ฅผ ํตํด ๋ง์ ํ์ดํ๋ก๊ทธ๋๋ฐ ์๊ฐ์ ๊ฐ์ง๋ฉฐ ํจ๊ป ๋ฌด์ธ๊ฐ๋ฅผ ํ๋๊ฒ ๊ฒฐ์ฝ ์ฌ์ด ์ผ์ ์๋๋ผ๋ ๊ฒ์ ์๊ฒ ๋์๋ค. ํธ๋ฌ๋ธ์ด๋ ๋ฌธ์ ๊ฐ ๋ ๋งํ ์ํฉ์ ์ ํ ์์์ง๋ง, ํจ๊ป ํ๋๋ก ๊ธฐํ๋ ๋ชจ๋ ํ์ด ํ๋ ์ค ๊ฐ์ธ ํ๋์ด ๋ฐ ์ด์์ ๋์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฆฌ๊ณ ๋๋ถ๋ถ์ ์๊ฐ์๋ค์ด ๋์ ๊ฐ์ ๊ฒฝํ์ ํ ๊ฒ ๊ฐ์๋ค. ๊ทธ๋ฅ ํผ์ ์์ ํ๋๊ฒ ํธํด์, ์๋๋ฐฉ๊ณผ ๋์ ์ง๋ ์ฐจ์ด๊ฐ ๋๋ ๊ฒ ๊ฐ์์, ๋ด๊ฐ ์ ๋ชปํ๋ ๊ฒ์ ๋๋ฌ๋ด๊ณ ์ถ์ง ์๊ฑฐ๋ ํผํด ์ฃผ๊ณ ์ถ์ง ์์์, ๋๋ ๋ฐ๋๋ก ๋ด ์๊ฐ์ ์๋๋ฐฉ์ ์ํด ๋ด์ด์ฃผ๊ณ ์ถ์ง ์์์ ๋ฑ๋ฑ ๋ค์ํ ์ด์ ๊ฐ ์์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฌ๋๊น ๊ฒฐ๊ตญ์, ๊ฐ์์ ์๊ฐ์ด ๋ชจ๋ ๋ค๋ฅด๋ ํ์ ์ ํ๊ธฐ ์ด๋ ค์ ๋ ๊ฒ์ด ์๋๊น. ๊ทธ๋ฌ๋ ์์ผ๋ก์ ํ ํ๋ก์ ํธ์์๋ ์ฐ๋ฆฌ๋ ๋ค ๋ค๋ฅธ ์๊ฐ์ ๊ฐ์ง ๋๋ฃ๋ค๊ณผ ํจ๊ป ํ๋์ ๊ฒฐ๊ณผ๋ฌผ์ ๋ด์ด์ผ ํ๋ค๋ ๊ฒ์ด๊ณ , ๊ทธ ๊ณผ์ ์ด ์ฝ์ง๋ ์์ ๊ฒ์ด๋ผ๋ ์๊ฐ์ด ๋ค์๋ค.
ํ๋ก์ ํธ์ ๋ํ ๊ฑฑ์ ์ ์ ์ ์ ์ด๋๊ณ , ์ด๋ฒ ํ ๋ฌ์ ์ด๋ ์๋.
์ด๋ฒ Section4 ์์๋ ์ ๋ง ๋ง์ ๊ฒ์ ๋ฐฐ์ ๋ค. ์ด๋ฒ ์น์ ์์ ๋ฐฐ์ด ๋ด์ฉ๋ค์ ์ต์ํ์ง ์์ ๊ฐ๋ ๋ค์ด ๋ง์๋ค. ์๋ฃ๊ตฌ์กฐ์ ์๊ณ ๋ฆฌ์ฆ ๋ถํฐ React ์ฑ์ ์ต์ ํํ๋ ๋ฐฉ๋ฒ, ๋์์ธ ์์คํ ๊ณผ ์คํ ๋ฆฌ๋ถ, ๋ฐฐ์ฐ๊ณ ์ถ์๋ TypeScript, ๋ฐฐํฌ๋ฅผ ์ํ AWS์ CI/CD๋ฅผ ์ํ Github Action์ ์ฌ์ฉ๋ฒ๊น์ง ์๋ก์ด ๊ฒ๋ค ํฌ์ฑ์ด์๋ค. ์ฒ์ ํด๋ณด๋ ์์ ์ด ๋ง์์ง๋ง ์ฌ๋ฏธ์๊ณ ํฅ๋ฏธ๋ก์์ ์ ๋ง ์ด์ฌํ ๋ ๊ณต๋ถํด์ผ ๊ฒ ๋ค๋ ์๊ฐ์ด ๋งค๋ฒ ๋ค์๋ค. ๋ฌผ๋ก ์ด๋ ค์์ ํ๋ค์๋ ๋ถ๋ถ๋ ๋ง์๋ค. ์๋ฃ๊ตฌ์กฐ๋ ์ฌ์ค ์ง๋ฃจํจ์ด ์ปธ๊ณ , ์คํ ๋ฆฌ๋ถ์ ๋ฌผ์ํ ํฌ์ฑ์ด์๋ค. ๋ฐฐ์ฐ๊ณ ์ถ๊ธฐ๋ ํ์ง๋ง, ์ฐ์ ์์์์ ๋ฐ๋ ค ๋์๋ฒ๋ฆฐ ์คํ ๋ฆฌ๋ถ๋ ์์๊ณ ๐ฅฒ ์๋กํ๋ก์ ํธ์ ๋ง์ง๋ง ๊ธฐ๋ฅ ๊ตฌํ์ธ ํ ์คํธํ์ ์ ์๋ ๋ชป๋๊ณ ์๋ค. ๋ฆฌํฉํ ๋ง๋ ํด์ผํ๋๋ฐ, ๋ค์ ์ฝ๋๋ฅผ ๋ฏ์ด๋ณด๋ ค๋ ๋ฌด์ญ๋ค. 3์ผ์ด๋ผ๋ ์งง์ ์๊ฐ๋์ ํ์ตํ ํ์ ์คํฌ๋ฆฝํธ๋ ์ ํ ํ์ต์ด ์์๋ค๋ฉด ๋ชป ๋ฐ๋ผ๊ฐ์ํ ๋ฐ, ์ฌ์ ํ ์ค์ค๋ก ํ์ฉํด๋ณด์๋ ๋งํ๋ฒ๋ ธ๋ค. ํนํ React์์ TS๋ฅผ ์ฌ์ฉํ๋๊ฑด ์…? ๊ฒ๋ค๊ฐ ๋ฐฐํฌ๋ ํํ ๋ฆฌ์ผ ๋ฐ๋ผ ํ๋ค๋ณด๋ ์ด? ๋๋ค..? ํผ์ ํด๋ณด๋ผ๊ณ ํ๋ฉด ์ ๋ ๋ชปํ๊ฒ ์ง๋ง (๋ค์ ์ด์ฌํ ๊ตฌ๊ธ๋ง์ ํด๋ด์ผ๊ฒ ์ง) ์ฌ์ฐจ์ ์ฐจ ํด๋ณด๋ผ๋ ๊ฑด ๋ค ํด๋ดค๋ค. ์ ํ ๋ฌ์ด ์ด๋ ๊ฒ๋ ๋นจ๋ฆฌ ์ง๋๊ฐ๋์ง, ํ์ต๊ณผ์ ์ ๋์๋ณด๋ ์ ๊ฒ ๊ฐ๋ค. ๊ณต๋ถํ๋ค๊ณ ์ ์ ์ด ์ ๋ง ํ๋๋ ์์๋ ๊ฒ์ด๋ค.
๊ทธ๋์ ์ด๋ฒ ํ ๋ฌ์ ์ด๋ ํ๋.
๋๋ ์ ๋ง ์ด์ฌํ ํ๋ค. ๊ทธ๋ ๊ฒ ๋งํ๊ณ ์ถ์๋ค. ์ดํด๊ฐ ๋๋ฆฌ๊ณ , ์๋ค๊ณ ์๊ฐํ ๊ฒ๋ ๋ง์ ์ค๋ช ํ๋ ค๋ฉด ๋ง์ด ๋์ค์ง ์์ ์๋ฌด๋ฆฌ ๋ ธ๋ ฅํด๋ ๋ถ์กฑํ ๊ฒ ๊ฐ์์, ์ด์ฌํ ํ๊ณ ์๋ค๋ ๋ง์ ํ์ง ๋ชปํ์๋ค. ๊ทธ๋ฐ๋ฐ ๋๊ตฐ๊ฐ ๊ทธ๋ฌ๋๋ผ. ๋ณธ์ธ์ ์ ๋ง ์ด์ฌํ ํ๋ ๊ฒ ๊ฐ๋ค๊ณ . ๊ทธ ๋ง์ ๋ฃ๊ณ ์๊ฐํ๋ค. ๋์๊ฒ๋ ์ ๋ฐ ๋ง์ ํด์ฃผ์ด์ผ ํ ๊ฒ ๊ฐ๋ค๊ณ . ๋๋ ์ด์ฌํ ํ๋ค๊ณ , ์์ ์ ์ธ์ ํด์ฃผ๊ณ ์ถ์๋ค. ์ด์ฌํ ํ๋ ๊ฒฐ๊ณผ๊ฐ ๋๋ฌด ์์ํ๊ณ , ์์ง ์ด๋ ํ ๊ฒฐ๊ณผ๋ฌผ๋ ์์ด ์กฐ๊ธํ๋๋ผ๋.
๋จ์ ์๊ฐ๋ ๋ด ํ์ด์ค์ ๋ง๊ฒ, ์ ๋ง ์ด์ฌํ ํ ์๊ฐ์ด๋ค. ์ค์ค๋ก์๊ฒ ์ด์ฌํ ํ๋ค๋ ๋ง์ด ๋ถ๋ด์ค๋ฌ์ ๋๋ฐ, ์ด์ ๋ ํธํ๊ฒ ๋งํ ์ ์์ ๊ฒ ๊ฐ๋ค. ์ด์ฌํ ํด์ ์ ํด์ผ์ง. ์ธ์ ๊ฐ๋ ์ ํ๋ค๋, ์ ํ ์ ์๋ค๋ ๋ง๋ ์์ ์๊ฒ ํ ์ ์๋๋ก ๋งค ์๊ฐ ์ต์ ์ ๋คํด์ผ๊ฒ ๋ค.