Jieunny์ ๋ธ๋ก๊ทธ
[TS] ํฌํธํด๋ฆฌ์ค TS๋ก ๋ฆฌํฉํ ๋งํ๊ธฐ ๋ณธ๋ฌธ
๐ ๋ชฉํ๋ ํ์ ์คํฌ๋ฆฝํธ์ ์ต์ํด์ง๊ธฐ
js ํ๋ก์ ํธ๋ฅผ ๋ฐ๋ก ๋ฐ๊ฟ ์์ ์ ์์ผ๋ฏ๋ก ์ ํ๋ก์ ํธ ๋ง๋ค์ด์ ๋ถ์ฌ๋ฃ๊ธฐ ํด๊ฐ๋ฉด์ ํ๋ํ๋ ๋ฐ๊ฟ๋ณด๊ธฐ๋ก ๊ฒฐ์
๋ฆฌํฉํ ๋ง์ด๋ผ๊ณ ํ ์ ์๋..๐ฅน
โ๏ธ interface, type ํ์ฉํด์ ๋ฐ์ดํฐ ํ์ ์ง์ ํ๊ธฐ
โ๏ธ Props, ๋งค๊ฐ๋ณ์ ํ์ ์ง์ ํ๊ธฐ
โ๏ธ styled-components์ ํ์ ์คํฌ๋ฆฝํธ ์ ์ฉํ๊ธฐ
โ๏ธ redux์ ํ์ ์คํฌ๋ฆฝํธ ์ ์ฉํ๊ธฐ
๊นํ๋ธ : https://github.com/jieuny0314/Portfolio-TS
๋ฐฐํฌ : https://jieuny0314.github.io/Portfolio-TS/
๐ ๊ฐ์ฅ ์ด๋ ค์ ๋ ๊ฒ
์ ์ผ ํ๋ค์๋ ๊ฑด useRef ์ธ๋๋ง๋ค ์๋ฌ ๋ฌ๋ ๊ฑฐ..
ํ์ ์ค์ ํด์ฃผ๋ ๊ฑฐ๋ props๋๊ฒจ์ฃผ๋ ๊ฑด ํ๋๋ฒ ํ๋ค๋ณด๋ ์ต์ํด์ ธ์ ํฌ๊ฒ ์ด๋ ต์ง ์์๋๋ฐ useRef ์ธ ๋๋ง๋ค ๊ฐ์ ์๋ฌ๊ฐ ๋์ ์ก๋๋ฐ ์๊ฐ๋ ๋ง์ด ์ฐ๊ณ ๊ตฌ๊ธ๋ง๋ ๋ง์ด ํ๋ค..
๐ ๊นจ๋ฌ์ ๊ฒ
๋ง์ ์จ๋ณด๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ ํฌ๊ฒ ๋ค๋ฅผ ๊ฒ ์๊ณ , ์จ๋ณด๊ธฐ ์ ์ ์๋ก์ด ๊ธฐ์ ์ด๋ผ๊ณ ๊ฒ๋จน์ ๊ฑฐ ์๋ค๋ ๊ฒ
์์ง ํฐ ํ๋ก์ ํธ์ ์จ๋ณด์ง ์์์ ๊ทธ๋ด์ง๋ ๋ชจ๋ฅด์ง๋ง,
์ด๊ฑธ ์์์ผ๋ก ์ด์ ๋ tsx๋ก ๊ฐ๋ฐํด๋๊ฐ์ผ์ง!
'Study > TypeScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[TS] Redux-Toolkit ํ์ ์ค์ ํ๊ธฐ (0) | 2023.11.03 |
---|---|
[TS] useRef๋ฅผ Props๋ก ์ ๋ฌํ ๋ ํ์ ์ค์ ํ๊ธฐ (1) | 2023.11.03 |
[TS] ์ค์ ์์ ์ฌ์ฉํ๋ ํ์ ์คํฌ๋ฆฝํธ ๋ฌธ๋ฒ (0) | 2023.11.02 |
[TS] TodoList CRUD (0) | 2023.10.17 |
[TS] ๋ฆฌ์กํธ + ํ์ ์คํฌ๋ฆฝํธ + Redux (0) | 2023.09.14 |