๐ ๋ฆฌํฉํฐ๋ง 2ํ : ์ฝ๋ ๊ตฌ์กฐ๋ฅผ ์ฒด๊ณ์ ์ผ๋ก ๊ฐ์ ํ์ฌ ํจ์จ์ ์ธ ๋ฆฌํฉํฐ๋ง ๊ตฌํํ๊ธฐ ๋ฆฌ๋ทฐ
๋ฆฌํฉํฐ๋ง 2ํ์ 2์ฅ๊ณผ 3์ฅ์ ์ฝ๊ณ ์์ต๋๋ค. ์ต๊ทผ์ ๋ฉด์ ์ด ์กํ๊ณ , ๋ฉด์ ๊ณต๋ถ๋ฅผ ๋ณํํ๋๋ผ ํ๋ฃจ์ ์์์ฑํฐ 2์ฅ์ฉ๋ง ์ฝ๊ณ ์๋ค์.. ํฉ๊ฒฉํ๋ค๋ฉด ์ฝ๋ ์๋ ์ข ํํ ๋ด๋ณด๊ณ ์ถ์ต๋๋ค. ๐ฅฒ
๋ฆฌํฉํฐ๋ง 2ํ์ 2์ฅ๊ณผ 3์ฅ์ ๋ฆฌ๋ทฐ๋ฅผ ์์ํด๋ณด๊ฒ ์ต๋๋ค.
โญ๏ธ 2์ฅ: ๋ฆฌํฉํฐ๋ง ์์น
2์ฅ์์๋ ๋ฆฌํฉํฐ๋ง์ ์ ์, ๋ฆฌํฉํฐ๋ง์ ์ ๋ ๋ฑ๊ณผ ํจ๊ป ๋ฆฌํฉํฐ๋ง ์ ๋ฐ์ ์ ์ฉ๋๋ ์์น๋ค์ ๋ํด ์์๋ด ๋๋ค.
โญ๏ธ 3์ฅ: ์ฝ๋์์ ๋๋ ์ ์ทจ
3์ฅ์์๋ ๋ฆฌํฉํฐ๋ง์ ์ ๋ ์ ์ฉํ๋ ๋ฒ์ ์๊ธฐ ์ํด, ์ฝ๋์์ ๋๋ ๋์(์ ์ทจ)๋ฅผ ๊ฐ์งํ๋ ๋ฒ์ ๋ํด ์์๋ด ๋๋ค.
๐ค ๋๋ ์
2์ฅ(๋ฆฌํฉํฐ๋ง ์์น)์์๋ ๋ฆฌํฉํฐ๋ง์ด ์ผ๋ง๋ ์ข์๊ฑด์ง, ๋ฆฌํฉํฐ๋ง์ ํจํ(?)์ ์ค๋ช ํด์ฃผ๊ธฐ๋ ํ์ง๋ง ๋ฌด์์ ๋ฆฌํฉํฐ๋งํ๋ ๊ฒ์ด ์ข์ ๊ฒ์ ์๋์ ์๊ฒ๋์์ต๋๋ค. ํนํ 2-4์ฅ(์ธ์ ๋ฆฌํฉํฐ๋งํด์ผ ํ ๊น?)์์ ๋ฆฌํฉํฐ๋งํ์ง ๋ง์์ผํ ๋๋ฅผ ๋ค๋ฃจ๋๋ฐ, ์ง์ ๋ถํ ์ฝ๋๋ฅผ ๋ฐ๊ฒฌํด๋ ๊ตณ์ด ํ์๊ฐ ์๋ค๋ฉด ๋ฆฌํฉํฐ๋งํ์ง ์๋๋ค๋ ์ (์ธ๋ถ API ๋ค๋ฃจ๋ฏ ํธ์ถํด์ ์ฐ๋ ์ฝ๋๋ผ๋ฉด ์ง์ ๋ถํด๋ ๊ทธ๋ฅ ๋ ), ์ฒ์๋ถํฐ ์๋ก ์์ฑํ๋๊ฒ ์ฌ์ธ ๋๋ ๋ฆฌํฉํฐ๋งํ์ง ์๋๋ค๋ ์ (์ด๋ฅผ ๊ฒฐ์ ํ๋ ค๋ฉด ๋ฐ์ด๋ ํ๋จ๋ ฅ๊ณผ ๊ฒฝํ์ด ๋ท๋ฐ์นจ๋ผ์ผ ํจ)์ด ์ธ์์ ์ด์์ต๋๋ค. ์ฌ์ค ๋น์ฐํ์ง๋ง ๋ฆฌํฉํฐ๋ง์ด ๋ง๋ฅ ์ข๋ค๊ณ ๋ฌด์์ ํ๊ธฐ๋ณด๋ค๋ ๋น์ฉ์ ์ฒ ์ ํ ๊ณ์ฐํด์ ๋ฆฌํฉํฐ๋งํ๋ ๊ฒ์ด ๋ ํจ์จ์ ์ผ ๋๋ง ํด์ผ ํ๋ค๋ ๊ฒ์ ์๊ฒ ๋์์ต๋๋ค.
3์ฅ(์ฝ๋์์ ๋๋ ์ ์ทจ)์์๋ ๋ฆฌํฉํฐ๋ง์ ์ ๋ ์ ์ฉํ๋ ๋ฒ์ ์๊ฒ ๋์๋๋ฐ, ์ด์ ์ ํด์๋ ํ๋ก์ ํธ๋ค์ ๋ ์ฌ๋ฆฌ๋ฉด์ ์ด๋ ๋ถ๋ถ์ ์ฝ๋์์ ์ ์ทจ๊ฐ ๋๊ณ ์๋ ์๊ฐ์ ํด๋ณด์์ต๋๋ค. ์ ๊ฐ ์ ๋ ์ฐ๋ฆผ์ ๋๊ผ๋ ๊ตฌ๊ฐ์ 3-5์ฅ(์ ์ญ ๋ฐ์ดํฐ)์ธ๋ฐ์, ์ฝ๋์คํ ์ด์ธ 4์ฃผ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ํ์ฐฝ Redux-toolkit์ ํธ๋ฆฌํจ์ ๋น ์ ธ ๊ตณ์ด ์ ์ญ ๋ฐ์ดํฐ๋ก ์์จ๋ ๋์๋ ๋ฐ์ดํฐ๋ค์ ์ ์ญ ๋ฐ์ดํฐ๋ก ๋ง๋ค์ด ์ฌ์ฉํ๋ ์ ์ด ์์ต๋๋ค. props๋ก ๋๊ธฐ๋๊ฒ ๋ ๊ท์ฐฎ์๋ ๋ชจ์์ ๋๋ค.. ๐
์ ์ญ ๋ฐ์ดํฐ๋ ์ฝ๋๋ฒ ์ด์ค ์ด๋์์๋ ๊ฑด๋๋ฆด ์ ์๊ณ ๊ฐ์ ๋๊ฐ ๋ฐ๊ฟจ๋์ง ์ฐพ์๋ผ ๋ฉ์ปค๋์ฆ์ด ์๋ค๋ ๊ฒ ๋ฌธ์ ๋ค. ๊ทธ๋์ ๋ง์น '์ ๋ น ๊ฐ์ ์๊ฒฉ์์ฉ'์ฒ๋ผ, ๋ฒ๊ทธ๋ ๋์์์ด ๋ฐ์ํ๋๋ฐ ๊ทธ ์์ธ์ด ๋๋ ์ฝ๋๋ฅผ ์ฐพ์๋ด๊ธฐ๊ฐ ๊ต์ฅํ ์ด๋ ต๋ค.
์ด๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํด์๋ ๋ณ์ ์บก์ํํ๊ธฐ๋ผ๋ ๋ฆฌํฉํฐ๋ง์ ์ ์ฉํ ์ ์๋ค๊ณ ํฉ๋๋ค. ๋ฆฌํฉํฐ๋ง ๊ธฐ๋ฒ์ ๋ฐฐ์ฐ๋ ํํธ์์ ๋ฐฐ์ฐ๊ฒ ๋๊ฒ ์ง๋ง, ๊ทธ ์ ์ ๋ ์ค์ํ ๊ฒ์ ์ ์ด์ ์ ์ญ๋ณ์๋ก ์์จ๋ ๋๋ ๊ฒ๋ค์ด ์๋ค๋ฉด ์์ฐ๋๊ฒ ์ข์ง ์์๊น ํ๋ ์๊ฐ์ ๋๋ค. ์ด์ธ์๋ ํ๋ก์ ํธ๋ฅผ ๋ฆฌํฉํฐ๋งํ ๋ 3์ฅ์ ๋ด์ฉ์ ์ฐธ๊ณ ํ์ฌ ์ด๋ ๋ถ๋ถ์ ๋ฆฌํฉํฐ๋งํ๋ฉด ๋ ๊น ํ์ ํ๊ณ ๊ฐ๋ฉด ์ข๊ฒ ๋ค๋ ์๊ฐ์ ํ์ต๋๋ค.
๋ค์ ์ฑํฐ๋ ์ ๊ฐ ์ ์ผ ๊ธฐ๋ํ๋ 4์ฅ, ํ ์คํธ ๊ตฌ์ถํ๊ธฐ์ ๋๋ค. ๊ธ์ด์ด๊ฐ ๋งค์ฐ ๊ฐ์กฐํ ํํธ์ธ๋งํผ ์ ๋๋ก ์ดํดํ๊ณ ์จ๋จน์ ์ ์๊ฒ๋ ํด๋ด์ผ๊ฒ ์ต๋๋ค.
๊ธด ๊ธ ์ฝ์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
'Studying Web Development > Refactoring' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๐ ๋ฆฌํฉํฐ๋ง 2ํ ๋ฆฌ๋ทฐ: Intro, 1์ฅ (0) | 2022.07.05 |
---|---|
๋ฆฌํฉํฐ๋ง 2ํ ๊ตฌ๋งค, ๋ด ํ๋ก์ ํธ์ ์ ์ฉํด๋ณด๊ธฐ (0) | 2022.06.29 |
๋๊ธ