2024. 2. 19. 00:52ใEducation/Megaptera
๐ 24.02.12 ~ 24.02.18
์ด๋ฒ์ฃผ๋ React ๊ณต์ ๋ฌธ์์ ์๊ฐ๋ Thinking in React ์์ ๋ฅผ ํตํด ์ฝ๋ ์ค์ตํ๋ฉด์
Component, Props, State์ ๋ํด ๊ณต๋ถํ๋ ์ฃผ์ฐจ์๋ค.
TypeScript ์ฌ์ฉํด์ ์ฝ๋๋ฅผ ์์ฑํ๊ณ , ์ต์ํ์ง ์์ ๊ฐ์ ์ฌ๋ฌ ๋ฒ ๋ค์ด์ผ ํ๋ค.
๐ ํ์ต์ ํตํด ๋ฌด์์ ๋ฐฐ์ ๋๊ฐ?
1๏ธโฃ TypeScript
์ฝ๋ ์ค์ต์ ํตํด TypeScript ์ฌ์ฉํด ๋ณด์๋ค.
๋๋ต ์ฌ์ฉ๋ฒ๋ง ์์งํ ์ํ์ฌ์ ๊ทธ๋ฐ์ง ์ฝ๋๋ฅผ ์ดํดํ๋ ๋ถ๋ถ์ ์์ด์ ์ด์ํ๊ณ
ํค๋งค๋ ๋ถ๋ถ๋ค์ด ๋ง์ ๊ฐ์๋ฅผ ์ฌ๋ฌ ๋ฒ ๋ค์ด์ผ ํ๋ค. ๊ธฐ์ด ๋ฌธ๋ฒ ๊ณต๋ถ๊ฐ ํ์ํ๋ค๊ณ ๋๊ผ๋ค.
React๋ ์์ง ์ต์์ง ์์๋ฐ, Type๊น์ง ์ง์ ํด์ ์ฝ๋๋ฅผ ์์ฑํ๋ ค๊ณ ํ๋, ์ด๋ ต๊ฒ ๋๊ปด์ก๋ค.
๊ณผ์ ๋ฅผ ํ๋ฉด์ ํ์ ์ ์ง์ ํ๊ณ ํ์ผ์ ๋ถ๋ฆฌํ๋ ๊ณผ์ ์์ ์คํธ๋ ์ค๋ฅผ ๋ฐ์๊ณ
React๋ง ์ฌ์ฉํด ๊ตฌํํ๋ ์ฝ๋๋ ์์ฑํ์ผ๋ ํ์ ๊น์ง ์ง์ ํด์
์์ฑํ๋ ค๊ณ ํ๋ ์ค๋ฅ๋ค์ด ๋ง์ด ๋ฐ์ํ์๊ณ , ์ด์ ๊ฐ ์ ํํ ๋ญ์ง ์ ์ ์์ด
๊ฐ์๋ฅผ ๋ค์ ๋ฃ๊ณ ์ ๋ฆฌ๊ฐ ํ์ํด ๋ณด์ฌ ์ ์ถ์ ๊ธฐ๊ฐ ๋ด์ ๋ชป ํ ๊ฑฐ ๊ฐ๋ค๊ณ ํ๋จ๋์๋ค.
2๏ธโฃ ๋ฆฌํฉํ ๋ง ๊ณผ์
๊ฐ์๋ฅผ ๋ค์ ๋ ํจ์๋ฅผ ๋ถ๋ฆฌํ๊ณ ํ์ ์ ๋ถ๋ฆฌํ๋ ๊ณผ์ ์ด ์ฌ์ ๋ณด์๋๋ฐ
๋ง์ ๊ณผ์ ๋ฅผ ํ๋ฉด์ ๊ตฌํํด ๋ณด๋๊น ์ฝ์ง ์์๋ค.
๊ณต์ ํ๋ state์ ํ๋๋ง ํด์ ๋ฆฌ์คํธ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๋ก์ง์ ๊ตฌํํ๋ ๊ฒ ์ฝ์ง ์์๊ณ
์ปดํฌ๋ํธ๋ ๋ถ๋ฆฌํ๋ ๊ณผ์ ๊ณผ props์ type์ ๋งค์นญํ๋ ์์ ์ด ์ต์์ง ์์๋ค.
์ด๋ ค์ด ๊ณผ์ ๋ ์๋์๋๋ฐ.. ๋ง์ ๊ตฌํํ๋ ค๋ ์๊ฐ๋งํผ ์ฝ์ง ์์๋ค.
๐ฉ๐ป๐ป ๋๋ ์ด๋ฒ์ฃผ์ ์ด๋ค ์ฑ์ฅ์ ํ์๋๊ฐ?
์ค๋ ์ฐํด์ ํด์์ ์ทจํ์ง๋ง, ๊ฐ๊ธฐ๋ก ์ธํด ์ด๋ฒ์ฃผ๋ ๊ณต๋ถ๋ฅผ ์ ๋๋ก ํ์ง ๋ชปํ๋ค.
์ฝ๊ธฐ์ด์ ์๊พธ ์ ์ด ์ค๊ณ ๊ฐ์๋ฅผ ๋ค์ด๋ ์ง์ค๋ ฅ ์๊ฒ ๋ฃ์ง ๋ชปํด ๊ณ์ ๋ฐ๋ณตํด์ ๋ค์ด์ผ ํ๋ค.
Gitbook์ ๊ฐ๋ ์ ๋ฆฌ๋ ๊ฒจ์ฐ ์ ์ถํ๊ณ , React์ ๊ทผ๋ณธ์ ์ธ ์๋ฆฌ๋ฅผ ์ดํดํ๋๋ฐ ์ด๋ ค์ ๋ค.
๊ณผ์ ๋ TypeScript๋ก ํ์ ์ ์ง์ ํ๋ ๊ณผ์ ์์ ์คํธ๋ ์ค๋ฅผ ๋ฐ์ ์ ์ถํ์ง ์์๋ค.
์ฝ๋๋ฅผ ์์ฑํ๋ฉด์ React๋ ์ต์ํ์ง ์๊ณ , TypeScript๋ ๋ ๋ชจ๋ฅด๊ฒ ๊ณ ๋ชธ์ ๋ฐ๋ผ์ฃผ์ง ์์ผ๋
์ง์ค๋ ฅ ์๊ฒ ๊ณต๋ถํ์ง ๋ชปํ๊ณ , ๊ธฐ๊ฐ ๋ด์๋ ์ ์ถํ์ง ๋ชปํ ๊ฑฐ ๊ฐ์ ๊ณผ์ ๋ ๋ ํ์ตํ ํ์ ์ ์ถํ ์์ ์ด๋ค.
React๋ฅผ ๋น ๋ฅด๊ฒ ์์งํด์ ์ฌ์ดํธ ํ๋ก์ ํธ์ ์ฐธ์ฌํ๊ณ ์ถ์๋ฐ ๊ณต๋ถ ์๋๊ฐ ๋ฐ๋ผ์ฃผ์ง ์์ผ๋,
๋ต๋ตํ๊ณ ์๊ฐ์ด ๋ง์๋ ํ ์ฃผ์๋ค.
'Education > Megaptera' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[ํ๋ก ํธ์๋ ์์กด์ฝ์ค 10๊ธฐ] 6์ฃผ์ฐจ ํ๊ณ (0) | 2024.03.11 |
---|---|
[ํ๋ก ํธ์๋ ์์กด์ฝ์ค 10๊ธฐ] 5์ฃผ์ฐจ ํ๊ณ (0) | 2024.03.03 |
[ํ๋ก ํธ์๋ ์์กด์ฝ์ค 10๊ธฐ] 4์ฃผ์ฐจ ํ๊ณ (0) | 2024.02.25 |
[ํ๋ก ํธ์๋ ์์กด์ฝ์ค 10๊ธฐ] 2์ฃผ์ฐจ ํ๊ณ (0) | 2024.02.04 |
[ํ๋ก ํธ์๋ ์์กด์ฝ์ค 10๊ธฐ] 1์ฃผ์ฐจ ํ๊ณ (0) | 2024.01.28 |