KDT(K-Digital Training) ๊ตญ๋น์ง์ ๊ณผ์ ์ผ๋ก ์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ๋ฅผ ์๋ฃํ์ง ์ฝ 2๊ฐ์ ์ ๋๊ฐ ์ง๋ฌ๋ค. ์๋ฃ ํ ํ๊ธฐ๋ฅผ ์์ฑํ๋ ค๊ณ ์๊ฐ์ ํ๊ณ ์์๋๋ฐ, ๋ง์์ฒ๋ผ ์์ง์ฌ์ฃผ์ง ์๋ ๊ฒ์ผ๋ฆ๊ณผ ์ฝ๋์คํ ์ด์ธ ๊ฐ ๋ค์ ๊ตญ๋น์ง์ ๊ณผ์ ์ด ์ฌ๋ผ์ง์ผ๋ก์จ ์ด ๊ธ์ ๋๊ฐ ๋ณด๋ ค๋~ ํ๋ ์๊ฐ์ ๋ฏธ๋ค๋๊ณ ์์๋๋ฐ, ๋์ TodoList์ ๋งค๋ฒ ์ ๋ฐ์ดํธ ๋๋ฏ “์ฝ๋์คํ ์ด์ธ ์๊ฐ ํ๊ธฐ ์์ฑํ๊ธฐ”๊ฐ ๊ฑฐ์ ๋ ๋ฌ ์งธ ๋ฐ๋ผ์ค๊ณ ์์ด ๊ทธ ๋ชจ์ต์ ๋๋ ๋ณผ ์๊ฐ ์์ด ์ผ๋ฅธ ํด์น์๋ฒ๋ฆฌ๊ธฐ๋ก ํ๋ค.
๋๋ ์ง๋ 4์๋ถํฐ 10์๊น์ง ๊ฐ๋ฐ ๋ถํธ์บ ํ๋ฅผ ์ด์ํ๋ “์ฝ๋์คํ ์ด์ธ ”์์ ์น ํ๋ก ํธ์๋ ๊ณผ์ ์ ํ์ตํ๋ค. ์ฌ์ค ๋ถํธ์บ ํ 4๊ฐ์ ์ฏค ์ง๋๊ณ , ํ ํ๋ก์ ํธ์ ์ง์ ํ๊ธฐ ์ “์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ 4๊ฐ์ ์๊ฐ ํ๊ธฐ(ํ ํ๋ก์ ํธ ์ )”๋ฅผ ๋ธ๋ก๊ทธ์ ์ฌ๋ฆฌ๊ณ ์ถ์ด์ ๋์ถฉ ์์ฑ์ ํด๋์์๋๋ฐ, ๋น์ ๊ณต๋ถ๋ง์ผ๋ก๋ ์๊ฐ์ด ๋ถ์กฑํด ๊ฒฐ๊ตญ ๊ธ์ ๋ฐํํ ์๊ฐ ์์๋ค. ๊ฒฐ๊ตญ ์๋ฃ๋ฅผ ํ๊ณ ๋ 2๊ฐ์ ํ, ํน์๋ผ๋ ์ง๊ธ๋ ์ฝ๋์คํ ์ด์ธ ๋ถํธ์บ ํ ์ง์์ ๊ณ ๋ฏผํ๋ฉฐ ์ด์ ์ ๋์ฒ๋ผ ์ด์ฌํ ์์นญ์ ํ๋ ๋ถ๋ค์๊ฒ ์กฐ๊ธ์ด๋๋ง ๋์์ด ๋์์ผ๋ฉด ํ๋ ๋ง์์ ๋ด์ ํ๊ธฐ๋ฅผ ์จ๋ณธ๋ค. ๋น์์ ๋๋ ์ค์ ์๊ฐ์๋ค์ ํ๊ธฐ๋ฅผ ์ฐพ์๋ณด๋ฉฐ, ์ฝ๋์คํ ์ด์ธ ์ ๋ถํธ์บ ํ๊ฐ ๊ณผ์ฐ ๊ด์ฐฎ์์ง ๋๋ฆ๋๋ก ํ๋จ์ ํ๊ธฐ ๋ฐ๋นด๊ธฐ ๋๋ฌธ์ด๋ค.
๋์ ๋ฐฐ๊ฒฝ๊ณผ ํ๋ก ํธ์๋ ๊ณผ์ ์๊ฐ ๊ณ๊ธฐ
๋๋ ์ฝ 2๋ ์ , ๊ตญ๋น๋ก 6๊ฐ์ ๊ฐ๋์ ์น ํผ๋ธ๋ฆฌ์ฑ ๊ณผ์ ์ ๋ฐฐ์ ์๊ณ , ์๋ฃ ํ 1๋ 6๊ฐ์ ์ ๋ ์น ํผ๋ธ๋ฆฌ์ ๋ก ์ผ์ ํ๋ค๊ฐ ํ์ฌ ์ฌ์ ์ด ์ด๋ ค์์ง๋ฉด์ ์ผ์ ๊ทธ๋ง๋๊ฒ ๋์๋ค. ๊ทธ ํ ํ๋ก ํธ์๋๋ก์ ์ ํฅ์ ์ํด ์ด๋ฒ์๋ ๊ตญ๋น์ง์ KDT ๊ณผ์ ์ ์งํํ๋ ์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๊ณผ์ ์ ์๊ฐํ๊ฒ ๋์๋ค.
(6๊ฐ์ ๊ฐ๋์ ๊ตญ๋น์ง์ ๊ณผ์ ์ ์๋ฃ ํ์๋, KDT ๊ณผ์ ์ 100% ๊ตญ๋น์ง์์ผ๋ก ์ฐธ์ฌํ ์ ์๋ค.)
2๋ ์ , ์น ํผ๋ธ๋ฆฌ์ฑ ํ์์ ์์๋ณด๋ฌ ๋ค๋ ๋ ํ๋ก ํธ์๋ ๊ณผ์ ์ ์๊ฐํด์ฃผ๋ ํ์๋ ์์๋ค. ๋น์์๋ ๋ชจ๋ ๊ฒ ๋๋ฌด ๋ฏ์ค์๊ณ , ๋ฌด์์ ๊ฐ๋ฐ์ ๋๋ฌด ์ด๋ ค์ด ๊ฑฐ ์๋๊ฐ, ๋ด๊ฐ ํ ์ ์๋๊ฑด๊ฐ ์ถ์ ์๊ฐ์ด ์์๋ค. ๊ฒ๋ค๊ฐ ๋น์์ ๋๋ “๋์์ธ + ์น ํผ๋ธ๋ฆฌ์ฑ”์ ๋ฐฐ์ฐ๋ฉฐ ๋์์ธ ํด์ ๋ํ ์กฐ๊ธ์ ์ด๋ง์ด ์์๋ ์๊ธฐ์๋ค. (์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๋ฉด ์คํ๋ ค ์ฉ๊ฐํ๋ค..) ํ์ง๋ง ํ์์ ๋ค๋๋ฉฐ, ๋์์ธ ๋ณด๋ค๋ ํผ๋ธ๋ฆฌ์ฑ์ ํ๋ ๊ฒ์ด ํจ์ฌ ์ฌ๋ฏธ์์๊ณ , ๊ฒฐ๊ตญ์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ๋ค๋ ์๊ฐ๊น์ง ํ๊ฒ ๋์๋ค.
ํ์์ ๋ค๋๋ฉด์๋ ํ๋ก ํธ ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ณ ์ถ๋ค๋ ์๊ฐ์ ๋ง์ฐํ๊ฒ ๊ฐ๊ณ ์์๋ค. ํ์ง๋ง ๋น์ JavaScript๋ ์ ๋ค๋ฃจ์ง ๋ชปํ๋ ๋์๊ฒ React๋ ๋๋ฌด๋ ์ด๋ ค์ ๊ณ , ํ์์ ์๋ฃํ ํ์๋ ๋ง์์ด ๊ธํด์ ธ์ ์ฐ์ ์ ์ทจ์ ์ ๋นจ๋ฆฌ ํด์ผ๊ฒ ๋ค๋ ์๊ฐ๋ถํฐ ๋ค์๋ค. ๊ทธ๋ ๊ฒ ํผ๋ธ๋ฆฌ์ ๋ก ์ผ์ ์์ํ๊ณ , ์ผ์ด ์ด๋์ ๋ ์ต์ํด์ง๋ฉฐ ํ ์จ ๋๋ ธ์ ๋น์ ๋์ ๋ชฉํ๋ 3๋ ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ ํฅํ๊ธฐ์๋ค.
๋ด๊ฐ ๋ค๋๋ ํ์ฌ๋ ๋๊ธฐ์ ์ ํ๋ก์ ํธ์ ๋์์ด๋์ ํผ๋ธ๋ฆฌ์ ๋ฅผ ํฌ์ ์ํค๋ ์ผ๋ช SI ์ ์ฒด์๋ค. ๊ฒฝ์ ์ํฉ์ด ์์ข์์ง๋ฉด์, ์ฌ๋ฌ ํ์ฌ๋ค์ ์์ ๋์ด์๋ ํ๋ก์ ํธ๋ค์ด ์ค์ค์ด ์ทจ์๋๊ฑฐ๋ ์ฐ๊ธฐ๋์๊ณ , ํ์ฌ๋ ์ฌ์ ์ด ์ ์ ์ด๋ ค์์ง๊ฒ ๋๋ฉด์ ํด์ฌ๋ฅผ ํ๊ฒ ๋์๋ค. ๋น์ ๋ค๋ฅธ ํ์ฌ๋ก ์ด์ง์ ํด์ผํ ์ง ์ ๋ง ๋ง์ ๊ณ ๋ฏผ์ ํ๋ค๊ฐ, ์๊ธฐ๋ฅผ ๊ธฐํ๋ก, ์ด ์ฐธ์ ํ๋ก ํธ์๋๋ก ์ ํฅ์ ์ํ ๋ฐํ์ ๋ง๋ จํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค. ๋ง์ ๋์ด๋ ์๋์์ง๋ง ์ด๋ฆฐ ๋์ด๋ ์๋์๊ธฐ ๋๋ฌธ์ ์ ์ ๊ฐ๋ฐ์๋ก ์ทจ์ ์ ํ๋๋ฐ ์์ด ์๊ฐ์ด ์๊พธ ๋ฆ์ถฐ์ง๋ค๋ฉด ๊ทธ ๋ํ ๋ถ๋ด์ด ๋ ๊ฒ ๊ฐ์๋ค. 3๋ ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ ํฅํ๊ธฐ, ์ด ๋ชฉํ๋ฅผ ์ด๋ฃจ๊ธฐ์ ์ง๊ธ์ฒ๋ผ ์ ํฉํ ์๊ธฐ๊ฐ ์์ ๊ฒ ๊ฐ์๋ค.
ํ์ฌ๋ฅผ ํด์ฌํ๊ธฐ ์ ์๋ ์ ํ๋ธ๋ ์จ๋ผ์ธ ๊ฐ์ ๋ฑ์ ๋ณด๋ฉฐ ์ฌ๋ฌ ์ปค๋ฎค๋ํฐ์ ๋์์ ๋ฐ์ ํผ์ ๊ณต๋ถ๋ฅผ ํ๊ธฐ ์์ํ๋ค. ํ์ง๋ง ๊ฐ๋ฐ์ด๋ผ๋ ๋ถ์ผ๋ ์์ํ๊ณ , ๋์๊ฒ ๋ง๋ ๋น ๋ฅธ ๊ธธ์ ์ฐพ๊ณ ์ถ์๋ค. ํ์์ด ๋ฌด์กฐ๊ฑด ๋ต์ด๋ผ๋ ๊ฒ์ ์๋์ง๋ง, ์ ํด์ง ์ปค๋ฆฌํ๋ผ์ ๋ฐ๋ผ ํ์ํ ์ง์์ ์ต๋ํ๋ ๊ฒ์ด ํ์ ์์ ์ผ์ ํ ์ ์๋ ์ข ๋ ๋น ๋ฅธ ๊ธธ์ด๋ผ๊ณ ์๊ฐํ๋ค. ๊ฒ๋ค๊ฐ ๋ด๊ฐ ๊ณต๋ถํ๋ ๋ถ์ผ์ ๋ํด์๋งํผ์ ๋ค์ณ์ง๋ ๊ฒ์ ์ซ์ดํ๋ ๋ด๊ฒ ๋ฐ์ด๋ ๋๋ฃ๋ค๊ณผ ๋นก๋นกํ ์ผ์ ์ ์์ฐ์ค๋ ๋๊ธฐ๋ถ์ฌ๊ฐ ๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ค. ๊ทธ๋ ๊ฒ ๋๋ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ์ ์ ์ฑํ๊ฒ ๋์๋ค.
๋ค๋ฅธ ๋ถํธ์บ ํ๋ ๋ง์๋ฐ ์ฝ๋์คํ ์ด์ธ ๋ฅผ ์ ํํ ์ด์
์ฌ์ค ๋น์์ ๋๋ ์์ “์ ๋ช ํ ๊ฐ๋ฐ ๋ถํธ์บ ํ”์ ๋ํ ์ ๋ณด๊ฐ ์์๋ค. ๋ถํธ์บ ํ๊ฐ ๋ถํธ์บ ํ์ง, ์ด๋์ ๋ฐฐ์ฐ๋ ๋ฌด์กฐ๊ฑด ์ด์ฌํ ํด์ผ ๋ฐ๋ผ๊ฐ ๊ฒ์ด๋ค, ๋ผ๋ ์๊ฐ์ด ๊ธฐ์ ์ ๊น๋ ค ์์๋ค. ์ง๊ธ์ ์๊ฐ์ด ์กฐ๊ธ ๋ค๋ฅด๊ธด ํ๋ฐ, ์ด๋๋ฅผ ๊ฐ๋์ง ์ ๋ง ์ด์ฌํ ํด์ผํ๋ค๋ ์๊ฐ์๋ ๋ณํจ์ด ์๋ค.
์ฌํผ ๋น์์ ๋ด๊ฐ ๋ถํธ์บ ํ๋ฅผ ์ ํํ ๋ ๊ณ ๋ ค๋ ๋ถ๋ถ ์๋ ๋ค ๊ฐ์ง์๋ค.
1. KDT ๊ณผ์ ์ผ๋ก ๊ตญ๋น์ง์์ด ๊ฐ๋ฅํ ๊ณณ → ๋ฌด์กฐ๊ฑด
2. ์์ ๋ ์ง๊ฐ ๋น ๋ฅธ ๊ณณ
3. ์ปค๋ฆฌํ๋ผ์ด ์ฒด๊ณ์ ์ด๊ณ , ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์์ฃผ์ธ ๊ณณ
4. ํ ํ๋ก์ ํธ๊ฐ ์๋ ๊ณณ (์ฐพ์๋ณธ ๋ถ์บ ์๋ ๋๋ถ๋ถ ํ ํ์ ์ด ์์๋ค.)
๋๋ถ๋ถ์ ๋ถํธ์บ ํ๊ฐ 4~6๊ฐ์์ ๊ณผ์ ์ด์๊ธฐ ๋๋ฌธ์ ์์๋ ์ง๊ฐ ๋๋ฌด ๋ฆ์ง ์์์ผ๋ฉด ํ๊ณ , ๋น์ ์ฝ๋์คํ ์ด์ธ ๊ฐ ๋ด ๊ธฐ์ค์์ ๊ฐ์ฅ ๋น ๋ฅธ ๋ ์ ๊ฐ๊ฐ์ ํ์๋ค.
์ฝ๋์คํ ์ด์ธ ์ธ์๋ ๋น์ KDT ๊ณผ์ ์ผ๋ก ์คํ๋์ด์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ๋ถํธ์บ ํ๊ฐ ์๋ฆฌ์ค์ ํ๋ก๊ทธ๋๋จธ์ค๊ฐ ์์๋ค. ์๋ฆฌ์ค๋ ํ ๋ฌ ์ ๋ ๋ค์ ์์ ์ด ์์๋์๊ณ , ์๊ฐ ๊ธฐ๊ฐ์ด 3๋ฌ ๋ฐ ์ ๋์๋ค๊ฐ ์ปค๋ฆฌํ๋ผ์ Node.js ํฌํจ๋ ๋ฐฑ์๋๊ฐ ํฌํจ๋์ด ์์ด์ ์ ํ์ง์์ ๋บ๋ค. ํ๋ก๊ทธ๋๋จธ์ค ๋ฐ๋ธ์ฝ์ค ํ๋ก ํธ์๋ ๊ณผ์ ์ ๋ ๋ฌ ํ์ ์์๋๋๋ฐ๋ค๊ฐ, ์ ์ฒญ๊ณผ์ ์์๋ ํ ์คํธ๊ฐ ์์ด์ ํน์๋ ๋จ์ด์ง๋ฉด ๋๋ฌด ๋ง์ ์๊ฐ์ด ์์๋๋ ๊ฒ ๊ฐ์์ ํฌ๊ธฐ๋ฅผ ํ๋ค. ๋๋ ์ต๋ํ ๋นจ๋ฆฌ ๋ถํธ์บ ํ์ ์ ์ฑํ๊ณ ์ถ์๊ธฐ ๋๋ฌธ์ด๋ค. (์ง๊ธ ์๊ฐํด๋ณด๋ฉด ์กฐ๊ธ ๊ธฐ๋ค๋ฆฐ๋ค ํด๋, ๋ฏธ๋์ 10๋ ์ปค๋ฆฌ์ด๋ฅผ ์๊ฐํ์ ๋ ๊ณต๋ฐฑ์ ํฌ๊ธฐ๊ฐ ํฌ์ง ์์ ๊ฒ์ด๋ผ๋ ๋ง์ ๊ณต๊ฐํ๋ค.)
์ด๋ฐ์ ๋ฐ ๊ณ ๋ฏผ์ ํ๋ฉด์๋ ์ฝ๋์คํ ์ด์ธ ๋ฅผ ์ ํํ ๊ฒฐ์ ์ ์ด์ ๋ ์ฌ์ค ์์ ๋ ์ง๊ฐ ๋นจ๋๊ธฐ ๋๋ฌธ์ด์๋ค.
์ฝ๋์คํ ์ด์ธ ์ ํธ๋ถํธ ์ฌํ ํ๊ธฐ๋ฅผ ์ฐพ์๋ณด๋ฉด์๋, ์ด๋ฏธ ๋ง์์ด ์ ๊ธฐ์ ๋ฐฐ์์ผ๊ฒ ๋ค ๋ผ๋ ์๊ฐ์ด ๋ค์๋์ง ๊ทธ๋ฆฌ ๋ถ์ ์ ์ผ๋ก ๋ณด์ด์ง๋ ์์๋ค. ๊ฒฐ๊ตญ์ ๋ณธ์ธ ํ๊ธฐ ๋๋ฆ์ด๋ผ๋ ์๊ฐ์ด ๊ฐํ๊ธฐ ๋๋ฌธ์ด์๋ค. ๋ธ๋ก๊ทธ๋ฅผ ์ฐพ์๋ณด๋ฉฐ ํ๊ธฐ๋ฅผ ์ข๊ฒ ์ด ๋ช๋ช ๋ถ๋ค์๊ฒ ๋๊ธ๋ก ์ง๋ฌธ๋ ๋ช์ฐจ๋ก ํ์๋๋ฐ, ๋ค๋ค ํ๊ฒฐ๊ฐ์ด ๋ณธ์ธ์ด ์ด์ฌํ ํ๋ฉด ๋ถ๋ช ๋ฐฐ์ฐ๋๊ฒ ์๋ค๋ ๋ต์ ๋ฐ์๋ค.
2๋ ์ , ํผ๋ธ๋ฆฌ์ฑ ๊ตญ๋น๊ณผ์ ์ ๋ค์ผ๋ฉด์ ๊ฐ์ฌ๋ ์ปค๋ฆฌํ๋ผ์ด ์ด์ํ๊ฒ ์๋๋ผ๋ฉด ๊ฒฐ๊ตญ์ ๋ณธ์ธ์ ๋ ธ๋ ฅ์ ๋ฌ๋ ธ๋ค๋ ๊ฒ์ ๊ฒฝํํ๊ธฐ ๋๋ฌธ์ ๋์ ๋ ธ๋ ฅ์ด ์ค์ํ๋ค๊ณ ์๊ฐํ๋ค.
๋น์ ์ฝ๋์คํ ์ด์ธ ๋ 45๊ธฐ๋ฅผ ๋ชจ์ง์ค์ด์๊ณ , ์ ๋ถ ์ง์์ ๋ฐ๋ KDT ํ๋ก๊ทธ๋จ์ 7ํ์ฐจ์๋ค. ์ ์ฐฉ์์ผ๋ก ์ง์์ ๋ฐ๋์ง, ์ ์ฐฉ์ ๋ง๊ฐ๋ ์๋ ์๋ค๊ณ ํ์ฌ ๋ฐ๋ก ์ง์์ ํ๊ณ , ํฉ๊ฒฉํต๋ณด๋ฅผ ๋ฐ์ ํ ๋ณ ํ ์์ด 4์ 11์ผ ๊ฐ๊ฐ์ ํ๋ค.
ํ ํ๋ก์ ํธ ์ , 4๊ฐ์ ๊ฐ์ ์๊ฐ ํ๊ธฐ (์์ ๋ฐฉ์, ํ์ต์๋ฃ, ์ปค๋ฆฌํ๋ผ์ ๋ํ ์์งํ ์ด์ผ๊ธฐ)
์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๊ณผ์ ์์๋ 4๊ฐ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ํ ๊ธฐ์ด ์ง์ ๋ฑ์ ํ์ตํ๋ ์๊ฐ์ ๊ฐ์ง๊ณ , ๋๋จธ์ง 2๊ฐ์๋์์ ํ๋ฆฌ ํ๋ก์ ํธ์ ๋ฉ์ธ ํ๋ก์ ํธ์ 2๊ฐ์ ํ๋ก์ ํธ์ ์ฐธ์ฌํ๋ฉฐ ํ ํ๋ก์ ํธ ๊ฒฝํ์ ๊ฐ์ง๋ค.
ํ ๋ฌ์ ํ๋์ ์น์ ์ ๊ฒฝํํ๋ฉฐ ์ด 4์น์ ๊น์ง ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๊ธฐ์ด์ง์๋ถํฐ ์๋ฒ ํต์ ๋ฐฉ๋ฒ, ๊ธฐ๋ณธ์ ์ธ ์๋ฃ๊ตฌ์กฐ์ ์๊ณ ๋ฆฌ์ฆ๊ณผ ์์ ์๋ก ํ๋ก์ ํธ ๋ฑ์ ์งํํ๋ค. HTML, CSS, JavaScript, TypeScript, React, Redux, Git, AWS ๋ฑ์ ๋ค๋ฃจ๋ฉฐ, ํ์ฉ๋ฒ์ ๋ฐฐ์ฐ๊ฒ ๋๋ค.
๐ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ ์ปค๋ฆฌํ๋ผ
์์ ๋ฐฉ์์ 100% ์จ๋ผ์ธ ์์ ์ ์๊ธฐ์ฃผ๋์ ํ์ต์ด์๋ค. ๊ณต์ ์บ๋ฆฐ๋์ ์ ํ ์ผ์ ์ ๋ณด๋ฉฐ ์ค์ผ์ฅด์ ๋ง๊ฒ ์ผ์ ์ ์ํํด์ผ ํ๋ค. 100% ์จ๋ผ์ธ์ด๋ค ๋ณด๋ ๋์ค์ฝ๋๋ก ๋งค์๊ฐ ์ํต์ ํ๊ณ , ์๋ฆผ์ ์ค๋คํด๋ ์๋ฌด๋๋ ํผ์ ๊ณต๋ถํ๋ค๋ ๋๋์ด ๋ง์ด ๋ค์๋ค.
๊ตฌ์ฒด์ ์ผ๋ก๋ ์ค์ ์ 1์๊ฐ ์ค์๊ฐ์ผ๋ก ์์ ์ ํ๋ ๋ผ์ด๋ธ์ธ์ , ์คํ 1์๊ฐ ํ์ ๊ฐ๋ฐ์๊ฐ ์ธ๋ถ๊ฐ์ฌ๋ก ์ฐธ์ฌํด ์งํํ๋ Q&A ์๊ฐ์ด ์์๊ณ ๋๋จธ์ง๋ ๊ฐ์ธ ํ์ต ๋๋ ํ์ด์ ํจ๊ป ์งํํ๋ ํ์ด ํ๋ก๊ทธ๋๋ฐ ์๊ฐ์ด์๋ค. ํ์ด ํ๋ก๊ทธ๋๋ฐ์ ๊ณผ์ ๋ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฑ์ ํจ๊ป ํธ๋ ์๊ฐ์ผ๋ก ํจ๊ป ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด ๋๊ฐ์ผ๋ก์จ ํ์ ๊ณผ ๋ฐฐ์์ ํญ์ ๋ํ์๋ ์ทจ์ง์ธ๊ฒ ๊ฐ์ผ๋, ์ฝ์ค ํ๋ฐ๋ถ๋ก ๊ฐ์๋ก ์๊ฐ์๋ค๊ฐ์ ์ดํด๋์ ๊ฒฉ์ฐจ๊ฐ ์ปค์ก๊ณ , ๊ฐ์ธ์ ์ผ๋ก ์งํํ๋ ๊ฒ์ ํธํ๊ฒ ์๊ฐํ๋ ์๊ฐ์์ด ๋ง์ ๊ฒ์ ๋๊ผ๋ค. ํจ๊ป ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด๋ณด์! ๋ผ๋ ์๊ฐ์๋ ๋ถ๋ช ์์์ง๋ง, ๊ฐ์ธ์ ์ผ๋ก ํ์ด๋ณด๊ณ ๋ชจ๋ฅด๋๊ฑฐ ๋ฌผ์ด๋ณด๋ ์์ผ๋ก ํ ๊น์? ๋ผ๊ณ ๋งํ๋ ์๊ฐ์๋ ์ ๋ง ๋ง์๋ค. ํ์ด ํ๋ก๊ทธ๋๋ฐ์ ์๊ฐ์ด ๋ถ๋ช ๋์์ด ๋ ๊ฒ์ด๋ผ ์๊ฐํ์ง๋ง, ๋จ์ํ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ช ๊ฐ๋ฅผ ํจ๊ป ํ๊ฑฐ๋ ๊ธฐ๋ฅ์ ํจ๊ป ๊ตฌํํ๋๊ฒ ๋ณด๋ค๋ ์ข ๋ ๋์ ๊ณผ์ ๊ณผ ๋ฐฉ๋ฒ์ ์๊ฐํ๋ฉด ์ข์ ๊ฒ ๊ฐ์๋ค.
์ค์๊ฐ ์์ ์ ์ค์ผ๋ก ๋ฃ๊ณ , ์ฝ๋์คํ ์ด์ธ ์ ์ฉ ํ์ต์ฌ์ดํธ์ธ ์ ์ดํด๋์ค์์ ๋งค์ผ์ ํ์ต์ ์บ๋ฆฐ๋์ ์ผ์ ์ ๋ง๊ฒ ์งํํ๋ค. ํ์ต์๋ฃ์๋ ์ค๋ช ๊ณผ ํด์ฆ, ๊ณผ์ ๋ฑ์ด ์ ํ์๋๋ฐ, ๊ฐ์์๋ฃ๋ ์์๋ณด๋ค๋ ํ ์คํธ๊ฐ ํจ์ฌ ๋ง์๊ณ , ๊ทธ ๋ถ๋ถ์ ์ดํด๋ฅผ ํ๋๋ฐ ์ด๋ ค์ด ์ ์ด ๋ถ๋ช ์์๋ค. ํ์ต์๋ฃ๊ฐ ๋ถ์น์ ํ๋ค๋ ๋ง์ด ์๊ฐ์๋ค ์ฌ์ด์์๋ ๋ง์๋ค. ํ์ง๋ง ๊ฐ๋ฐ์ ๊ฒฐ๊ตญ ๊ณต์๋ฌธ์๋ฅผ ์ฝ์ ์ค ์๊ณ , ๊ตฌ๊ธ๋ง์ ํตํ ํ์ต์ ํ ์ค ์์์ผ ํ๋ ํ ์คํธ๋ก ๋ ์๋ฃ์ ์ต์ํด์ ธ์ผ ํ๋ค๊ณ ์ฝ๋์คํ ์ด์ธ ์ด์์ง ์ธก์์ ๋ง์ ํ์๋ ๊ฒ ๊ฐ๋ค.
๊ธฐ์ด๋ถ๋ถ์ ํ์ตํ ๋์๋ ์๊ณ ์๋ ๋ด์ฉ์ด ๋ง์ ํฌ๊ฒ ์ด๋ ค์ด๊ฑด ์์๋๋ฐ, ๋ด๊ฐ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ ํ์ตํ ๋์๋ ๊ฐ์์๋ฃ๊ฐ ๋ถ์น์ ํ๋ค๋ ๋ง์ด ์ดํด๊ฐ ๋์๋ค. ๋ฐ๋ก ๊ตฌ๊ธ๋ง์ ํด์ ์์๋ด์ผ ํ๋ ๋ถ๋ถ๋ ์์๊ณ , ๊ทธ๋ฅ ์ ์ดํด๊ฐ ์๋๋ ๋ถ๋ถ๋ ์์๋ค. ์ค์ต์ด ํฌํจ๋ ๊ฐ์์์๋ ํนํ ๊ทธ๋ฌ๋๋ฐ, ์คํ๋ ค ๋คํธ์ํฌ ๋ฑ์ ์ด๋ก ๊ฐ์์์๋ ์ค๋ช ์ด ์ ๋์ด์์๋ ๊ฒ ๊ฐ๋ค. ์๊ฐํด๋ณด๋ฉด ๋ชจ๋ฅด๋ ๋ด์ฉ์ ๊ฐ์์๋ฃ๊ฐ ์์ธํ๋๋ผ๋ ์ด๋ ต๊ฒ ๋๊ปด์ง๊ณ , ์๋ ๋ด์ฉ์ ๊ฐ์์๋ฃ๊ฐ ๋ถ์คํด๋ ์ฌ์๋ณด์ธ๋ค. ์๋๋งํผ ๋ณด์ด๋ ๊ฒ์ ๋น์ฐํ์ง๋ง, ํ์ต์ ํ๋ฌ ์จ ํ์์ด๋ ๋ถํธ์บ ํ์์๋ ํ์ต์์ ์ดํด๋ฅผ ์ํ ๊ฐ์์๋ฃ๋ฅผ ์ ๊ณตํ๋ ๊ฒ์ด ๋ฐ๋์งํ๋ค๋ ์๊ฐ์ด ๋ ๋ค. ๋ชจ๋ฅด๋ ๊ฒ๋ ๋ณด์ด๊ฒ ๋๋ ๋์ ๋ง๋ค์ด์ฃผ๋๋ก ํด์ผํ๋ ๊ฑฐ ์๋๊น? ์๊ฐ์ ์ ์ฅ์์ ๋ค๋ฅธ ์ ๋ฃ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ๊ทธ ํํธ๋ฅผ ์ดํดํ๋ ค๊ณ ํ๋ ๊ฒ๋ณด๋ค๋ ๊ทธ ์ ๋ฃ ๊ฐ์์ ์ญํ ์ ํ์์ธก์์ ์ ๊ณตํด์ฃผ๋๊ฒ… (์ฝ๋์คํ ์ด์ธ ๋ฅผ ๋นํํ๋ ค๋ ๊ฒ์ ์ ๋ ์๋๋ค. ์ฝ๋์คํ ์ด์ธ ์ ๋ํ ๋์ ๊ฒฝํ ์์ฒด๋ ๊ธ์ ์ ์์ ๋งํ๊ณ ์ถ๋ค.)
์กฐ๊ธ ์์ฌ์ ๋ ๋ถ๋ถ์ด ํ๋ ๋ ์๋ค๋ฉด, ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด๋ ์ฝ๋ฉ ํ ์คํธ์ ๋ํ ๋๋น๋ ๋ฏธ์ฝํ๋ค๋ ์ ์ด๋ค. ์ฝ๋์คํ ์ด์ธ ์์ฒด ๋ฌธ์ ํ์ด ์์คํ ์ธ ์ฝํ๋ฆฟ์์ ์ ๊ณต๋ ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ํ์ด๋ณผ ์ ์๋๋ฐ(ํ๋ก๊ทธ๋๋จธ์ค์ฒ๋ผ), ๋๋ ์ด ๋ถ๋ถ์ ๋๋ฌด๋๋ฌด ์ฝํด์ ์ด๋ ์๊ฐ๋ถํฐ ์์ ๋์๋ฒ๋ ธ๋ค. ์น์ 3,4์์ ์ ๊ณต๋ ๋ฌธ์ ๋ค์ ์์ ์ฝ๋๋ฅผ ๋ด๋ ์ดํดํ๊ธฐ ์ด๋ ค์ ๋ค. ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ ๋ง์ด ํ์ด๋ด์ผ ์ ํ ์ ์๋ค๋๋ฐ, ์ด ๋์ด๋๋ก๋ ํธ๋ ๊ฒ ์์ฒด๊ฐ ๋์ง ์์๋ค. ๋ฌผ๋ก ์ด ๋ถ๋ถ๊น์ง ์ปค๋ฒํ๊ธฐ์๋ ์๊ฐ์ด ๋๋ฌด ๋ถ์กฑํ์ง๋ง ํด์ค ์์์ด๋ผ๋ ์ ๊ณตํด์ฃผ์๋ค๋ฉด ์ฐจ๊ทผ์ฐจ๊ทผ ์ดํดํด ๋ณผ ์ ์์์ํ ๋ฐ. ์ง๊ธ๋ ๋์๊ฒ ์ฝ๋ฉํ ์คํธ๋ ๋์ ๋ก ๋จ์์๋ค…
๊ฐ์ธ์ ์ผ๋ก ์ฝ๋์คํ ์ด์ธ ์ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ ์ปค๋ฆฌํ๋ผ์ ์ข์ ๊ฒ ๊ฐ๋ค๊ณ ์๊ฐํ๋ค. ๋ฌผ๋ก 6๊ฐ์์ด๋ผ๋ ์๊ฐ๋์ ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ธฐ์๋ ๊ทธ ์๊ฐ์ด ๋๋ฌด ์งง๊ธฐ ๋๋ฌธ์ ์ง๋๊ฐ ์ ๋ง ๋น ๋ฅด๊ณ , ๋ฐฐ์ธ ๊ฑด ๋์ณ๋๋ค. (์ค์ง์ ์ผ๋ก ๊ธฐ์ ๊ณผ ์ด๋ก ์ ๋ฐฐ์ฐ๋ ์๊ฐ์ 4๊ฐ์์ด์์ผ๋ ๋๋์ฑ) ๋ถํธ์บ ํ๋ฅผ ์์ํ๊ธฐ ์ ์๋, ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ด๋ผ ํจ์ React๋ฅผ ๋ฐฐ์ฐ๋๊ฒ์ด๋ผ๊ณ ๋ง์ฐํ๊ฒ ์๊ฐํ์๋๋ฐ, ์น ๊ฐ๋ฐ์ ๋ํ ์ ๋ฐ์ ์ด๊ณ ๊ผญ ํ์ํ ๋ถ๋ถ๋ค์ ํ์ตํ๊ฒ ๋๋ค. React๋ ๊ทธ ์ค ์ผ๋ถ์๊ธฐ ๋๋ฌธ์ ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ์๊ฐ์ ๊ฒฐ์ฝ ๊ธธ์ง ์์๊ณ , Redux๋ 3์ผ, TypeScript๋ 3์ผ์ด ๋์ด์๋ค. ๊ทธ๋งํผ ์๊ฐ์ด ๋ถ์กฑํ๊ณ , ์์์ผ ํ ๊ฒ๋ค์ ๋ง์๋ค. ๊ฒฐ๊ตญ์ ๊ฐ์ธ์ ์ผ๋ก ์ผ๋ง๋ ์๊ฐ์ ๋ ๋ค์ฌ ๊ณต๋ถ๋ฅผ ํ๋๋๊ฐ ์ค์ํ๊ณ , ์๊ฐ์ ๋ ๋ค์ฌ์ ๋ฐ๋ผ๊ฐ์ง ์์ผ๋ฉด ๊ฒฐ๊ตญ์ ์ง๋๋ฅผ ๋์น๊ฒ ๋๋ ๊ฒ์ด๋ค.
์ฒ์ ์จ๋ผ์ธ์ผ๋ก ์์ ์ ๋ค์ด๊ฐ์ ๋, ์๊ฐ์์ด ์ ๋ง ๋ง์๋ค. ์ ํํ๋ ์ ๋ชจ๋ฅด๊ฒ ์ง๋ง 200๋ช ์ ๋๋ ๋์ง ์์์๊น? ์๋ฃํ ์ฆ์์๋ 110๋ช ์ ๋ ๋์๋ค. ํจ๊ป ํ์ด ํ๋ก๊ทธ๋๋ฐ์ผ๋ก ๋ง๋ ์ธ์ฐ๋ค ์ค ์ ๋ฐ์ ์ค๋ ํ์ฐจ๋ฅผ ํ๋ค. ํ๋ก์ ํธ์ ๋ค์ด๊ฐ๊ธฐ ์ ์, ๋ณธ์ธ์ด ํ์ ๋ฏผํ๊ฐ ๋ ๊ฒ ๊ฐ๋ค๋ฉฐ ํ์ฐจํ ๋ถ๋ ์์๋ค. ๋ง์ฝ ๋ด๊ฐ ํผ๋ธ๋ฆฌ์ฑ์ ๊ฒฝํํ์ง ์๊ณ , ์ด ๋ถํธ์บ ํ์ ๋ค์ด์๋ค๋ฉด ์ด๋ ์๊น. ๋๋ ์๋ง ํ์ฐจ๋ฅผ ๊ณ ๋ฏผํ์์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค. ์ฑ๊ฒฉ์ ๋๊น์ง ๋ฌผ๊ณ ๋์ด์ก์์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง.
ํ๋ก์ ํธ ํ 6๊ฐ์ ๊ฐ์ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ ์๊ฐ ํ๊ธฐ
๋ถํธ์บ ํ๊ฐ ๋๋์ง 2๋ฌ ์ ๋ ์ง๋ฌ๋ค.
์ฝ ๋ ๋ฌ๊ฐ ์งํ๋ ๋๋ฒ์ ํ ํ๋ก์ ํธ๋ ์๋ก์ด ๊ฒฝํ์ด์๋ค. ์ฒซ ํ๋ฆฌ ํ๋ก์ ํธ๋ ๋ฉ์ธ ํ๋ก์ ํธ๋ฅผ ์์ํ๊ธฐ์ ์์ ํ ํ๋ก์ ํธ ๊ฒฝํ์ ์ํ ํด๋ก ์ฝ๋ฉ ํ๋ก์ ํธ์๋ค. ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ์ธ Stack Overflow๋ฅผ ํด๋ก ์ฝ๋ฉํ๋ ํ๋ก์ ํธ๋ก ์ฝ๋์คํ ์ด์ธ ์์ ๊ฐ์ ๊ธฐ๊ฐ ์๊ฐ์ ํ๋ ๋ฐฑ์๋ ์๊ฐ์๋ค๊ณผ์ ํ์ ์ ํตํด ์ด๋ฃจ์ด์ก๋ค. ํ์ ๋งค์นญ์ ๋๋ค์ด์๊ณ , ํ๋ฆฌ ํ๋ก์ ํธ๋ผ๋ ์ด๋ฆ์ ๊ฑธ๋ง๊ฒ ํ ํ๋ก์ ํธ๋ฅผ ์ํ ์ ๋ฐ์ ์ธ ๊ฒฝํ์ ํ๋ ๊ฒ ๊ฐ๋ค. ๊ธฐ๋ฅ ๊ตฌํ์ ๋ชฉํ๋งํผ ๋ค ํ์ง๋ ๋ชปํ์ง๋ง, ์ด ๊ฒฝํ์ ๋ฐํ์ผ๋ก ๋ฉ์ธ ํ๋ก์ ํธ์ ์ง์ ํ ์ ์๋ ์ค๋น๋ฅผ ํ ์ ์์๋ค.
๋ฉ์ธ ํ๋ก์ ํธ๋ ๊ธฐํ๋ถํฐ ๋์์ธ, ๊ฐ๋ฐ๊น์ง ๋ชจ๋ ๊ณผ์ ์ ํ์๋ค๊ณผ ํจ๊ป ์งํํ๋ ํ๋ก์ ํธ๋ก ํจ๊ป ํ๊ณ ์ถ์ ํ์์ ๋ฏธ๋ฆฌ ๊ตฌ์ฑํ ์ ์์๊ณ , ํ์ ์์ ํ๋ํ๋ ์ธ๋ถ ๊ฐ๋ฐ์๋ค์ ๋ฉํ ๋ง ํ๋ก๊ทธ๋จ๋ ์ด๋ฃจ์ด์ก๋ค. ๋ฉ์ธ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๋น๊ต์ ์งง์ ์๊ฐ๋์ ํด๋ก ์ฝ๋ฉ์ ํ๋ ํ๋ฆฌ ํ๋ก์ ํธ๋์๋ ๋ค๋ฅธ ๋ฐฉํฅ์ผ๋ก ์ ๋ง ๋ง์ ๋ถ๋ถ์ ๋ฐฐ์ ๋ค. ๊ธฐํ๋ถํฐ ์์ํ๋ ๊ฐ๋ฐ ํ ํ๋ก์ ํธ๋ ์ฒ์์ด์๊ธฐ ๋๋ฌธ์ ๋ง์ด ํค๋งค๊ธฐ๋ ํ๊ณ , ํ์๋ค ๊ฐ์ ์๊ฒฌ ์ถฉ๋๋ ์์์ง๋ง, ์ด๋ฐ ๊ฒฝํ์ ํตํด ํ์ ์ ์ํ๋ ์์ธ์ ๋ํด ๋ง์ ์๊ฐ์ ํ์๋ ๊ฒ ๊ฐ๋ค. ์ง๋ ์น์ ์์ ์์ฃผ ์ ๊น ๋ฐฐ์ ๋ Redux์ TypeScript๋ฅผ ํ๋ก์ ํธ์ ์ ์ฉํด๋ณด๋ฉฐ ๊ธฐ์ ์ ์ธ ๋ถ๋ถ๋ค์ ๋ํ ์ฑ์ฅ๋ ๋ถ๋ช ์์์ ๊ฒ์ด๋ผ ์๊ฐํ๋ค. ๊ฐ์ ํ ์ ์ด ๋ง๊ฒ ์ง๋ง, ์๋ํ ๊ธฐ๋ฅ์ด ๊ตฌํ๋๋ ํ๋ก์ ํธ๋ฅผ ํจ๊ป ๋ง๋ค์ด ๋ณผ ๊ธฐํ๊ฐ ์์๋ ๊ฒ์ ๊ฐ์ฌํ๋ค. (๋ฉ์ธ ํ๋ก์ ํธ๊น์ง ๋๋ ํ 2๊ฐ์์ด ํ์ฉ ์ง๋ ์ง๊ธ, ๊ทธ ์ฝ๋๋ค์ ๋ณด๋ฉฐ ๋ง์ ์๊ฐ์ด ๋ค๊ธฐ๋ ํ์ง๋ง ๊ตณ์ด ์ธ๊ธํ์ง๋ ์๊ฒ ๋ค…)
๐ ๋ฉ์ธ ํ๋ก์ ํธ ํ๊ณ ๊ธ
์! ๋ฑํ ์ธ๊ธํ์ง ์์ผ๋ ค๊ณ ํ๋๋ฐ ์ทจ์ ์ ์ํ ๋ถํธ์บ ํ ์๊ฐ ํ๊ธฐ๋ฅผ ์ฐ๋ ์ค์ด๋๊น ์ทจ์ ๊ด๋ จ ์ด์ผ๊ธฐ๋ ํด๋ณผ๊น.
์ฝ๋์คํ ์ด์ธ ๋ถํธ์บ ํ์์๋ ๋ง์ง๋ง ์ฝ์ค๋ก ๋ฉ์ธ ํ๋ก์ ํธ๊ฐ ๋๋ ํ ์๋ฃ ์ ๊น์ง ์ฝ 1์ฃผ์ผ ๋์์ ์ปค๋ฆฌ์ด ์น์ ์ด๋ผ๊ณ ์ทจ์ ์ ์ํ ์ด๋ ฅ์ ์์ฑ๋ฒ๊ณผ ์๊ธฐ์๊ฐ์, ํฌํธํด๋ฆฌ์ค, ๋ฉด์ ํน๊ฐ ๋ฑ์ด ์งํ๋๋ค. ๊ตณ์ด ์ธ๊ธํ์ง ์์ผ๋ ค ํ๋ ์ด์ ๋ ์ด ์๊ฐ๋ค์ด ํฌ๊ฒ ๋์์ด ๋์ง ์์๋ค๊ณ ์๊ฐํ๊ธฐ ๋๋ฌธ์ด๋ค. ๋ง์ ์๊ฐ์๋ค์ ํ๋ํ๋ ์ผ์ดํ๊ธฐ ํ๋ ๋งํผ ์น์ ์ ์ง์ค๋๊ฐ ๋จ์ด์ง ์ ๋ฐ์ ์์๋ค. ๊ทธ๋๋ ๊ด๋ จ๋ ๋ค์ํ ์๋ฃ๋ค์ ์ ๊ณตํด์ฃผ์ ์ ์ด ๋ถ๋ถ์ ์ข์๋ ๊ฒ ๊ฐ๋ค.
์ทจ์ ์ฐ๊ณ๋ ๋ฑํ ์๋ ๋ฏ ํ๋๋ฐ, ๊ฐ๋ ๋ฌธ์๋ก ๋ณด๋ด์ฃผ๋ ์ฑ์ฉ๊ณต๊ณ ๋ฅผ ๋ฐ์ ์ ์๋ค. ์… ํ์๊ณผ ์ปจํ์ ๋ง์ด ํ๋ค๋ฉด ๋ญ๊ฐ ์์์ผ๋ ค๋…? ํ์๊ณผ ์ ๊ทน์ ์ผ๋ก ์ปจํํ์ง๋ ์์๊ธฐ ๋๋ฌธ์ด ์ด ๋ถ๋ถ์ ๋ํด์๋ ์ ๋ชจ๋ฅด๊ฒ ๋ค.
์ฌํผ ๊ทธ๋ ๊ฒ 4๊ฐ์์ ํ์ต๊ณผ 2๊ฐ์ ๊ฐ์ ํ ํ๋ก์ ํธ๋ก ์ทจ์ ์ค๋น๋ฅผ ์ด๋ ์ ๋๋ ํ ์ ์์ ๊ฒ์ด๋ผ ์๊ฐํ๋๋ฐ, ์ฌ์ค ๋๋ ์์ง๋ ์ทจ์ค์์ด๋ค. ์์ ๋ง์ง๋ง ์ฆ์์ ์ถ์์ ๋ณด๋ด๊ธฐ ์ํด ๋ณธ๊ฐ๋ก ๋ด๋ ค๊ฐ ์ฝ ํ ๋ฌ ์ ๋๋ฅผ ๋ณด๋ด๊ณ ๋ณด๋, ์ทจ์ ์ด ์๋ํ ๋จผ ์ด์ผ๊ธฐ์ฒ๋ผ ๋๊ปด์ก๋ค. ๋ณธ๊ฒฉ์ ์ผ๋ก ์ด๋ ฅ์๋ฅผ ๋ด๋ฉฐ, ์ทจ์ ์ค๋น๋ฅผ ์์ํ์ง ์ผ๋ง๋์ง ์์๋ค๊ณ ๋งํ๊ณ ์ถ์ง๋ง ์ง๋ ์๊ฐ๋์ (๊ณต๋ถ๋ฅผ ํ๋ ๊ทธ ๊ธฐ๊ฐ๋ง์ ) ๋ ํญ์ ์ทจ์ ์ค๋น์ค์ด ์๋์๋๊ฐ..!
ํจ๊ธฐ์๊ฒ ๊ฐ๋ฐ์๋ก ์ ํฅ์ ํด๋ณด์๋ฉฐ ๋ถํธ์บ ํ์ ๋ค์ด๊ฐ๋๋ฐ, ๋ง์ ์๋ฃ๋ฅผ ํ๊ณ ๋๋ ์ผ์ด๋ถ์ ๊ฐ๋ฐ์ ์ฑ์ฉ ์์ฅ์์ ๋๋ํ๊ณ , ์ด๋ฆฌ๊ณ , ์ด์ ์ด ๋์น๋ ์ด๋ค๊ณผ์ ๊ฒฝ์์์ ๋ด๊ฐ ์ด์๋จ์ ์ ์์์ง์ ๋ํ ๊ฑฑ์ ์ด ์์ ๋ค. ํ์ ๋์ด์ ๋ํด ๋ฌด๊ฐ๊ฐํ๋ฉด์๋, ๋์ด๊ฐ ๋ง์์๋ก ๋ง์ด๋์ค๊ฐ ๋๋ ํ๊ตญ ์ฌํ๋ฅผ ๋ถ์ ํ ์ ์๋ค.
6๊ฐ์๊ฐ ๋ถํธ์บ ํ์์ ๊ณต๋ถ๋ฅผ ํ๋ฉฐ, ์ด์ ์๋ ์์ ์ด ์์๋ React ๊ฐ๋ฐ์ ์์ ๊ฐ์ด ์ด๋์ ๋ ๋ถ์๋ค. JavaScript๋ฅผ ๋ ์๊ณ ์ถ์ ๊ถ๊ธ์ฆ์ด ์๊ฒผ๊ณ , ๋ ์ ์ฌ์ฉํ๊ณ ์ถ์ ์์ฌ์ด ์๊ฒผ๋ค. UI ๋ฟ๋ง ์๋๋ผ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ์ํค๊ธฐ ์ํ ๊ฐ๋ฐ์๋ ๊ด์ฌ์ด ์๊ฒผ๋ค. ๋ฐฑ์๋๋ ์๊ฐ๋ ์ํด๋ณธ ๋ด๊ฐ ๊ฐ๋จํ๊ฒ๋๋ง ๋ฐฑ์๋ ๊ฐ๋ฐ๋ ํ ์ ์์ผ๋ฉด ์ข๊ฒ ๋ค๋ ์๊ฐ์ ํ๊ณ , ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ด ๋จ์ง ์ฌ์ฉ์๊ฐ ๋ณด๋ ํ๋ฉด๋ง์ ๋ค๋ฃจ๋ ์ผ์ด ์๋๋ผ ์๋ฒ์์ ํต์ , UX์ ๊ฐ์ , ๋ธ๋ผ์ฐ์ ์ ๋คํธ์ํฌ์ ๋ํ ์ดํด ๋ฑ์ด ์ข ํฉ์ ์ผ๋ก ๊ตฌ์ฑ๋์ด ๋ ๋์ ์ฝ๋์ ๋ ๋์ ์น ํ๊ฒฝ์ ๋ง๋๋ ๊ฒ์์ ์๊ฒ ๋์๋ค.
๋ฌด์๋ณด๋ค ๊ณต๋ถ๋ฅผ ํ๋ ๊ฒ์ด ์ฌ๋ฏธ์์๋ค. ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ๋ฐฐ์ฐ๋ ๊ฒ์ด ์ฌ๋ฏธ์์๊ณ , ์น ํ์ด์ง๋ฅผ ๋ด๊ฐ ์ง์ ๋ง๋ค ์ ์๋ค๋ ์ฌ์ค์ด ํฅ๋ฏธ๋ก์ ๋ค. ์ด๊ฒ์ ๊ฒ ๋ง๋ค์ด ๋ณด๊ณ ์ถ์ ๊ฒ๋ค์ด ์๊ฒจ๋ฌ๊ณ , "ํ๋ก ํธ์๋ ๊ฐ๋ฐ์"๋ก์์ ๋ฏธ๋๋ ์กฐ๊ธ์ฉ ๊ทธ๋ ค์ง๊ธฐ ์์ํ๋ค. ์์ง ๋ฐฐ์์ผ ํ ๊ฒ๋, ์์์ผ ํ ๊ฒ๋ ๋๋ฌด๋๋ฌด ๋ง์ง๋ง ๊ทธ ๋ง์ ๋ ๊ธฐ๋๊ฐ ๋์๋ค. ๋ชฉํ ์์ด ์ฌ๋ ๊ฒ๋ณด๋ค ํจ์ฌ ํฅ๋ฏธ๋ก์ด ์ผ์ด ์๋๊ฐ! (๋ฌผ๋ก ๊ฐ๋์, ์๋ ์ด์ฉ๋ฉด ์๊ฐ๋ณด๋ค ์์ฃผ ๋จธ๋ฆฌ๊ฐ ์ง๋ํด์ง๊ธฐ๋ ํ์ง๋ง.) ํผ๋ธ๋ฆฌ์ฑ์ ๋ฐฐ์ด์ง๋ ์ผ๋ง ๋์ง ์์๊ณ , ํผ๋ธ๋ฆฌ์ ๋ก ์ผํ ๊ฒฝ๋ ฅ๋ ๋ง์ง ์์์ง๋ง ๊ทธ ์์ ์ ํ๋ก ํธ ๊ฐ๋ฐ์ ๋ฐฐ์์ผ๊ฒ ๋ค๊ณ ๊ฒฐ์ฌํ ๊ฒ์ ์ํ๋ค๊ณ ์๊ฐํ๋ค. ํ๊ณ ์ถ๋ค๊ณ ์๊ฐํ ์ผ์, ํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ ์ผ์ ์คํํ ๊ฒ, 23๋ ์ ๊ฐ์ฅ ์ ํ๋ ์ผ์ด์๊ณ ์๋ฏธ์์๋ ์ผ์ด์๋ค.
๊ทธ๋์ ์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ๋ ์ด๋?
์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ์ ๋ํ ์ ์ฒด์ ์ธ ๋์ ์๊ฒฌ์ ๋์์ง ์๋ค๋ ๊ฒ์ด๋ค. ์์ ์ธ๊ธํ๋ฏ์ด ์ด ๊ฒฝํ ์์ฒด๋ ๊ธ์ ์ ์ด๋ค. ๊ฒฝํ๊ณผ ์๊ฒฌ์ ์ฃผ๊ด์ ์ด๋ค. ๋๊ตฐ๊ฐ๋ ๋ถ๋ง์ ํ ๋กํ๋ฉฐ ์ด ๊ต์ก๊ธฐ๊ด์ ๋ถ์ ์ ์ผ๋ก ๋ณด๋ ์ฌ๋๋ ์์ํ ๊ณ , ๋๊ตฐ๊ฐ๋ ๋๋ฌด ๋ง์ ๊ฒ์ ๋ฐฐ์ ๊ณ ์ ๋ง ์ข์ ๊ฒฝํ์ด์๋ค๊ณ ๋งํ ์๋ ์์ ๊ฒ์ด๋ค. ์ง๊ธ๋ ๋๋ “์ฝ๋์คํ ์ด์ธ ๋ฅผ ์ ํํ ์ด์ ”์ ๋ํด ์ธ๊ธํ๋ฉฐ ํ ๋ง์ ์ฌ์ ํ ๋์ํ๋ค. ์ด๋ ๋ถํธ์บ ํ์์ ๊ณต๋ถ๋ฅผ ํ๋ ๋ณธ์ธ์ด ํ๊ธฐ ๋๋ฆ์ธ ๊ฒ์ด๋ค.
ํ์ง๋ง ์กฐ๊ธ ๋ฌ๋ผ์ง ์๊ฐ๋ ์๋ค. ๋๋ ์ฌ์ค ์ ๋ช ๋ถํธ์บ ํ์ ๋ํด ์ ๋ชฐ๋๋ค. ๋ถํธ์บ ํ๊ฐ ๋ญ ๋ค ๋น์ทํ์ง, ๋ฌด์กฐ๊ฑด ์ด์ฌํ ํด์ผ ์ด์๋จ๋๊ฑฐ์ผ, ๋ผ๊ณ ์๊ฐํ์๋๋ฐ, ์ผ๋ถ ์ธ์ง๋ ์๋ ๋ถํธ์บ ํ๋ค์ ์ทจ์ ์ ํ๋ ๊ฒ ๋งํผ ๋ค์ด๊ฐ๊ธฐ ์ด๋ ต๋ค๋ ์ด์ผ๊ธฐ๋ฅผ ๋ค์๋ ๊ฒ์ด๋ค. ๋ช์ผ ์ ์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์๋ ๋ถํธ์บ ํ ์ธ๋ถ๊ฐ์ฌ๋ก ๋ช์ฐจ๋ก ํ๋ํ์ จ๋ค๋ ๋ฉํ ๋์ด ์ฐ์ํํ ํฌ์ฝ์ค, ์ฐ์ํํ ํฌ์บ ํ, ํ๋ก๊ทธ๋๋จธ์ค, ๋ค์ด๋ฒ ๋ถ์คํธ์บ ํ ๋ฑ์ ๊ฐ๋ฐ ๋ถํธ์บ ํ ์ ๋๋ ์ถ์ฒํ๋ค๋ ๋ง์์ ํ์ จ๋ค. ์ธ์ง๋๊ฐ ๋๊ณ , ํ ์คํธ๋ฅผ ์น๋ค ์ ๋ฐํ๋ ๋ถํธ์บ ํ๋ฅผ ๊ฒฝํํด๋ณด์ง๋ ๋ชปํ์ง๋ง, ๊ฒฝ์๋ฅ ์ด ๋๋ค๋ฉด ๊ทธ๋งํผ์ ํ๋ฆฌํฐ๋ ๋ณด์ฅ๋์์ ๊ฒ์ด๋ผ๋ ์๊ฐ์ ๋ค์๋ค.
์ด๋ฌ๋ ์ ๋ฌ๋ ์ด์ฌํ ํด์ผ ํ๋ค๋ ๊ฒ์ ๋งคํ๊ฐ์ง์ด๋ค. ์ค์ํ ๊ฑด ๋์ ๋ง์๊ฐ์ง์ด๋ค. ์ ํด์ง ์์ ๋ง ํ์ตํ๊ณ , ์ ํด์ง ๊ณผ์ ๋ง ๋ฐ๋ผํ๋ ๊ฒ์ด ๋์ด ์๋๋ผ ๊ทธ ์ธ์ ์๊ฐ๋ค๋ ๊ต์ฅํ ๋ง์ด ํ ์ ํด์ผ ํ๋ค. ๊ทธ๋ ๊ฒ ํด์ ๊ฒจ์ฐ ์๋ฃ๋ฅผ ํด๋ ๋์ด ์๋๋ค. ๋๋ ์๋ ๊ณต๋ถ๊ฐ ๊ณ์๋ ๊ฑธ ์๋ฉด์๋, ์น ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๋ ๊ฒ์ด ์ฆ๊ฒ๋ค. ๋ด๊ฐ ์ํ๋ ๋๋ก, ๋๊ตฐ๊ฐ ์ํ๋ ๋๋ก ๋ฌด์ธ๊ฐ๋ฅผ ๋ง๋ค ์ ์๋ค๋ ์ฌ์ค์ด ์ ๊ธฐํ๊ณ ํฅ๋ฏธ๋กญ๋ค. ์์ฆ ์ทจ์ ์คํธ๋ ์ค๋ฅผ ๋ฐ์ผ๋ฉฐ, ๊ทธ ์ฆ๊ฑฐ์์ ์กฐ๊ธ์ฉ ์๊ณ ์์๋๋ฐ ์ด๋ ๊ฒ ๊ธ์ ์ฐ๋ฉฐ ๋ค์ ๋ ์ฌ๋ ค๋ณธ๋ค.
๊ทธ๋์ ์ฝ๋์คํ ์ด์ธ ํ๋ก ํธ์๋ ๋ถํธ์บ ํ๋ ์ด๋ป๋๊ณ ? ๐
์ด ๊ธ์ ๋์ ๊ฒฝํ์ ๊ธฐ๋กํ๊ธฐ ์ํด ์ฐ๋ ๊ธ์ด์ง๋ง, ๋ง์ฝ ๋๊ตฐ๊ฐ ๋์ ๊ฐ์ ๊ณ ๋ฏผ์ ํ๋ฉฐ ์ด์ฌํ ๊ฒ์์ ํ๋ค ์ ๋ง ์ฐ์ฐํ ์ด ๊ธ์ ๋ฐ๊ฒฌํ๋ค๋ฉด, ์ด๋ ๊ฒ ๋งํด์ฃผ๊ณ ์ถ๋ค. ๋ถํธ์บ ํ๋ฅผ ํตํด ๊ฐ๋ฐ์ ๋ฐฐ์ธ ์๊ฐ์ ํ๋ ์ค์ด๋ผ๋ฉด, ์ด ๊ณผ์ ์ ์ถ์ฒํ๋ค๊ณ . ์ด์ ๋ ์์ ๋ค ์ธ๊ธํ์ผ๋ ์๋ต!
์กฐ๊ธ ๋ค๋ฅธ ์ด์ผ๊ธฐ ์ผ์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง, ํ๊ณ ์ถ์ ๋ฐฉ์์ผ๋ก ํ๊ณ ์ถ์ ๊ฑธ ํ๋ผ๊ณ ๋งํ๊ณ ์ถ๋ค. ์ด๋ค ๋ฐฉ์์ผ๋ก ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ณ , ์ด๋ค ๋ถํธ์บ ํ๋ฅผ ์ ํํ๋ , ๊ฒฐ๊ตญ ๋ด๊ฐ ํ๊ธฐ ๋๋ฆ์ด๋ค. ์ด๊ฒ ์ ๊ฒ ์ ์ธ์งํ๋ฉฐ ์๊ฐ์ ๋ณด๋ด๊ธฐ ์ ์ ๊ฒฐ์ ์ ํ๊ณ , ๊ฒฐ์ ์ ๋ํ ์ง์ค์ ํ๋ค๋ฉด ์ ํ์ ํจ์ฌ ์ฌ์์ง ๊ฒ์ด๋ค. ์ด ๊ธ์ ์ธ๊น ๋ง๊น ๊ณ ๋ฏผ์ ํ๋ฉฐ ๋ ๋ฌ์ ๋ณด๋ด๊ธฐ ์ ์ ๊ฒฐ์ ์ ํ๊ณ ๊ธ์ ์ผ๋๋ผ๋ฉด, ์ด๋ฏธ ๋ ๋ฌ ์ ๋ถํฐ ์ธํฐ๋ท ์ด๋๊ฐ์ ๋ ๋๋ฉฐ ๋๊ตฐ๊ฐ์๊ฒ ์กฐ๊ทธ๋งํ ๋์์ ์คฌ์์ง๋ ๋ชจ๋ฅด๋ ๊ฒ์ฒ๋ผ. (๊ทธ๋ฐ๋ฐ ๊ณผ์ฐ ์ด๋ ๊ฒ ๊ธด ๊ธ์ ์ฌ๊ธฐ๊น์ง ์ฝ๋ ์ฌ๋์ด ์์๊น?)