๋ถํธ์บ ํ๋ฅผ ํตํด ํ๋ก์ ํธ๋ฅผ ๊ฒฝํํ์ง๋ง, ๋ ๋์ ์ฝ๋๋ฅผ ์ํด ๊ณ ๋ฏผํ๋ ์๊ฐ์ด ๊ธธ์์ต๋๋ค.
ํด๋ ๊ตฌ์กฐ๋ฅผ ์ด๋ป๊ฒ ๋๋๋ฉด ์ข์์ง, ํด๋ฆฐ ์ฝ๋๋ ์ด๋ป๊ฒ ์ง๋ฉด ๋ ์ง ์ด ํด๋ต์ ์ํด์ ๋ค๋ฅธ ๋ถ๋ค์ ๋ ํ์งํ ๋ฆฌ๋ฅผ ์ฐธ๊ณ ํ๊ธฐ๋ ํ์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ์ ๊ฐ ์ง ์ฝ๋๋ฅผ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ๊ณ ์ถ์ ๋ง์์ ์ฝ๋ฉํ ์ค๋ฌดPT๋ฅผ ์ ์ฒญํ์ต๋๋ค.
์งํ์ ํ์ง ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๋ฉํ ๋์ด ์ค๋นํ ๋ด์ฉ์ ์์ ํ์์ผ๋ก ๋ฃ๊ณ ๊ณผ์ ๋ฅผ ํ๊ณ ์ ์ถํ ๋ค ํผ๋๋ฐฑ์ ๋ฐ๋ ์์ผ๋ก ์งํ๋ฉ๋๋ค.
๊ธฐ๊ฐ์ ์ด 4์ฃผ๋ก 4๋ฒ์ ๊ฐ์์ 3๋ฒ์ ๊ณผ์ ๋ก ์งํ๋ฉ๋๋ค.
โ๏ธ 1์ฃผ์ฐจ ์ค๋ฌด PT ์ฃผ์
React๋ก ๊ธฐํ์๋ ๋ง๋ ๊ธฐ๋ฅ ๊ตฌํํ๊ธฐ
โ๏ธ ์ด๋ฒ ์ฃผ ์์ ์ ํตํด์ ๋ฐฐ์ด ์
โฆ ๊ฐ๋ฐ ํ๋ก์ฐ
- ๊ธฐํ ๋ฌธ์ ์์ฑ ๐ ํ๋ฉด์ค๊ณ์, ํ๋ก์ฐ์ฐจํธ (์์คํ ํ๋ฆ๋), ํ๋ก์ธ์ค ์ ์์
- ๋์์ธ ๋ฌธ์ ์์ฑ ๐ ํผ๋ธ๋ฆฌ์ฑ ํ์ผ, ์ ํ๋ฆฐ, ๋์์ธ ํ์ผ
- ๊ฐ๋ฐ ๋ฌธ์ ๐ ๊ธฐ๋ฅ์ ์์, UML, API ๋ช ์ธ์
- QA ๐ ํ ์คํธ ์๋๋ฆฌ์ค
โฆ ์ปดํฌ๋ํธ ๋ถ๋ฆฌ ๋ฐฉ๋ฒ(UI ๋ถ์ํ๊ธฐ)
์ปดํฌ๋ํธ๋ฅผ ์ ๋ถ๋ฆฌํ๋ ์ด์ ๋ ๊ฐ๋ ์ฑ๊ณผ ์ ์ง ๋ณด์์ฑ์ ๋์ด๊ธฐ ์ํด์์ด๋ค!
- ํ์ด์ง ๊ตฌ๋ถํ๊ธฐ ๐ ํ์ฌ๋ ๊ฐ๋ฐ์๋ง๋ค ๋ค๋ฅด์ง๋ง ํ์ด์ง ์๋งํผ ๋๋ ํ ๋ฆฌ๋ฅผ ์ค์ ํ๋ค.
- ์ต์ ๊ธฐ๋ฅ ๋จ์ ์ฐพ๊ธฐ ๐ ํ์ด์ง๋ฅผ ์ต์ ๊ธฐ๋ฅ ๋จ์๋ก ์ชผ๊ฐ์ jsx ๋๋ tsx ํ์ผ์ ๋ง๋ ๋ค.
- ํด๋ ๊ตฌ์กฐ ์์ฑํ๊ธฐ
โฆ ๋ฆฌ์กํธ
์ค์ง ์ฌ์ฉ์์๊ฒ view๋ฅผ ์ด๋ป๊ฒ ํ๋ฉด ๋ ํจ์จ์ ์ผ๋ก ๋ณด์ฌ์ค ์ ์์์ง์์ ์์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.
๐ ๋ฆฌ์กํธ๋ ์ค์ง DOM ๊ฐ์ฒด์ ์์ฑ๊ณผ ์ด๋ฒคํธ ์๋ต์๋ง ๊ด์ฌ์ด ์ ๋ ค์๋ค.
์ฅ์
- virtual DOM ์ฌ์ฉ์ผ๋ก ์ธํด ์๋๊ฐ ๋น ๋ฅด๋ค.
- ์น, ์ฑ ๋ชจ๋ ๊ฐ๋ฐ ๊ฐ๋ฅํ๋ค.
- ๋ทํ๋ฆญ์ค, ์์ด๋น์๋น ๋ฑ ๋ง์ด ์ฌ์ฉํด์ ๋ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๊ณ , ์ง๋ฌธ๊ณผ ๋ต๋ณ์ด ํ๋ฐํ๋ค.
ํต์ฌ
- virtual DOM(๊ฐ์๋) ๐ ํ๋ฉด์ ๋ณํ๋ฅผ ๋ฐ์ํ ํ ํ ๋ฒ๋ง DOM ํธ๋ฆฌ๋ฅผ ์์ ํด์ ๋ธ๋ผ์ฐ์ ์ ๋ถํ์ํ ๋ ๋๋ง์ ์ค์ผ ์ ์๋ค.
- ์ปดํฌ๋ํธ ๊ตฌ์กฐ ๐ ์์ ๋จ์๋ก ๋ง๋ค์ด์ ์กฐ๋ฆฝํ๋ฏ์ด ๊ฐ๋ฐํด์ ์ฌ์ฌ์ฉ์ฑ์ด ์ข๋ค.
- ๋จ๋ฐฉํฅ ๋ฐ์ดํฐ ํ๋ฆ ๐ ๋ถ๋ชจ์ ์์ ์ปดํฌ๋ํธ ๊ฐ ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํ ๋ ๋ถ๋ชจ์์ ์์์ผ๋ก๋ง ๋ฐ์ดํฐ ์ ๋ฌ์ด ๊ฐ๋ฅํ๋ค. (Props drilling ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์๋ค. ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋์จ ์ด์ )
โ๏ธ ์์ ํ
์ด๋ฒ ์ฃผ ๊ณผ์ ๋ ๋์์ธ ๋ฌธ์๋ฅผ ๊ฐ์ง๊ณ ์๊ตฌ์ฌํญ ์ ์์๋ฅผ ์์ฑํ๊ณ ์ปดํฌ๋ํธ๋ฅผ ์ ๋๋ ์ ํด๋ ๊ตฌ์กฐ๋ฅผ ์ง๋ ๊ณผ์ ๊ฐ ์ฃผ์ด์ก์ต๋๋ค.
๊ทธ ๋์ ์งํํ๋ ํ๋ก์ ํธ๋ ๋์์ธ ๋ฌธ์๊ฐ ์์๊ธฐ ๋๋ฌธ์ ํด๋ ๊ตฌ์กฐ๋ ๋ฏธ๋ฆฌ ์ก์๋๊ธฐ ์ด๋ ค์ ๋๋ฐ ์ด๋ฒ์๋ ๋ฏธ๋ฆฌ ํด๋ ๊ตฌ์กฐ๋ฅผ ์๊ฐํด๋ณด๋ฉด์ ํ์ ์์๋ ์ด๋ฐ์์ผ๋ก ๊ฐ๋ฐ์ด ์งํ๋๋๊ตฌ๋ ์๊ฒ ๋์์ต๋๋ค. (๋ฌผ๋ก ๋ง์ด ๋ค๋ฅด๊ฒ ์ง๋ง ใ ใ )
์งง์ ๊ธฐ๊ฐ๋์ ์งํ๋๋ ๋งํผ ์ง์คํด์ ๋ง์ด ์ป์ด๊ฐ๋๊ฒ ๋ชฉํ!!
ํ๊ธฐ๋ฅผ ์ฐ๋ฉด ํ๊ธ๋ ํด์ค๋๋ค! ๐
'๐ฅธReview > ๊ฐ์ ๋ฆฌ๋ทฐ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ฝ๋ฉํ ์ค๋ฌดPT ํ๊ธฐ ์ฑ๋ฆฐ์ง_๋ฆฌ์กํธ ๊ฐ์ 3์ฃผ์ฐจ ํ๊ธฐ (0) | 2023.02.09 |
---|---|
์ฝ๋ฉํ ์ค๋ฌดPT ํ๊ธฐ ์ฑ๋ฆฐ์ง_๋ฆฌ์กํธ ๊ฐ์ 2์ฃผ์ฐจ ํ๊ธฐ (2) | 2023.01.29 |
2023 ์น ํธ๋ ๋ (0) | 2022.12.20 |
์ง์ ๊ฐ๋ฅํ ๊ฐ๋ฐ์ ๋๊ธฐ ์ํ ์ด์ผ๊ธฐ (0) | 2022.12.15 |
์ฐํ์ ๊ฐ๋ฐ์๋ค์ ์ด๋ป๊ฒ ์ผํ ๊น? ๋ฐํ ์ ๋ฆฌ (0) | 2022.11.09 |