Jieunny์˜ ๋ธ”๋กœ๊ทธ

[TS] ํฌํŠธํด๋ฆฌ์˜ค TS๋กœ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ ๋ณธ๋ฌธ

Study/TypeScript

[TS] ํฌํŠธํด๋ฆฌ์˜ค TS๋กœ ๋ฆฌํŒฉํ† ๋งํ•˜๊ธฐ

Jieunny 2023. 11. 17. 16:27

๐Ÿ“Œ ๋ชฉํ‘œ๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์— ์ต์ˆ™ํ•ด์ง€๊ธฐ

js ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐ”๋กœ ๋ฐ”๊ฟ€ ์ž์‹ ์€ ์—†์œผ๋ฏ€๋กœ ์ƒˆ ํ”„๋กœ์ ํŠธ ๋งŒ๋“ค์–ด์„œ ๋ถ™์—ฌ๋„ฃ๊ธฐ ํ•ด๊ฐ€๋ฉด์„œ ํ•˜๋‚˜ํ•˜๋‚˜ ๋ฐ”๊ฟ”๋ณด๊ธฐ๋กœ ๊ฒฐ์ •

๋ฆฌํŒฉํ† ๋ง์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‚˜..๐Ÿฅน

 

โœ๏ธ interface, type ํ™œ์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ ํƒ€์ž… ์ง€์ •ํ•˜๊ธฐ

โœ๏ธ Props, ๋งค๊ฐœ๋ณ€์ˆ˜ ํƒ€์ž… ์ง€์ •ํ•˜๊ธฐ

โœ๏ธ styled-components์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์šฉํ•˜๊ธฐ

โœ๏ธ redux์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์šฉํ•˜๊ธฐ

 

๊นƒํ—ˆ๋ธŒ : https://github.com/jieuny0314/Portfolio-TS

๋ฐฐํฌ : https://jieuny0314.github.io/Portfolio-TS/

 

๐Ÿ“Œ ๊ฐ€์žฅ ์–ด๋ ค์› ๋˜ ๊ฒƒ

์ œ์ผ ํž˜๋“ค์—ˆ๋˜ ๊ฑด useRef ์“ธ๋•Œ๋งˆ๋‹ค ์—๋Ÿฌ ๋‚ฌ๋˜ ๊ฑฐ..

ํƒ€์ž… ์„ค์ •ํ•ด์ฃผ๋Š” ๊ฑฐ๋‚˜ props๋„˜๊ฒจ์ฃผ๋Š” ๊ฑด ํ•œ๋‘๋ฒˆ ํ•˜๋‹ค๋ณด๋‹ˆ ์ต์ˆ™ํ•ด์ ธ์„œ ํฌ๊ฒŒ ์–ด๋ ต์ง€ ์•Š์•˜๋Š”๋ฐ useRef ์“ธ ๋•Œ๋งˆ๋‹ค ๊ฐ™์€ ์—๋Ÿฌ๊ฐ€ ๋‚˜์„œ ์žก๋Š”๋ฐ ์‹œ๊ฐ„๋„ ๋งŽ์ด ์“ฐ๊ณ  ๊ตฌ๊ธ€๋ง๋„ ๋งŽ์ด ํ–ˆ๋‹ค..

 

๐Ÿ“Œ ๊นจ๋‹ฌ์€ ๊ฒƒ

๋ง‰์ƒ ์จ๋ณด๋‹ˆ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž‘ ํฌ๊ฒŒ ๋‹ค๋ฅผ ๊ฒŒ ์—†๊ณ , ์จ๋ณด๊ธฐ ์ „์— ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์ด๋ผ๊ณ  ๊ฒ๋จน์„ ๊ฑฐ ์—†๋‹ค๋Š” ๊ฒƒ

์•„์ง ํฐ ํ”„๋กœ์ ํŠธ์— ์จ๋ณด์ง€ ์•Š์•„์„œ ๊ทธ๋Ÿด์ง€๋„ ๋ชจ๋ฅด์ง€๋งŒ,

์ด๊ฑธ ์‹œ์ž‘์œผ๋กœ ์ด์ œ๋Š” tsx๋กœ ๊ฐœ๋ฐœํ•ด๋‚˜๊ฐ€์•ผ์ง€!