๐Ÿ‘ ย  ์กฐ์„ฑ๊ฐœ๋ฐœ์‹ค๋ก
ํ…Œ๋งˆ ๋ณ€๊ฒฝ
ํƒœ๊ทธ
๋ฐฉ๋ช…๋ก
All Tags

๐Ÿ” TypeScript ๊ด€๋ จ ๊ฒŒ์‹œ๊ธ€

TypeScript๋กœ ์ฆ๊ธฐ๋Š” Three.js ๊ฐ•์˜ ์ •๋ฆฌ - 01

๊ณต์‹๋ฌธ์„œ ํ›‘๊ณ  ๊ฐ•์˜ ๋ณด๋‹ˆ๊นŒ ์ข‹๋„ค์š”

๐Ÿ” ๋ฆฌ์•กํŠธ ๊ฒ€์ƒ‰์ฐฝ ๊ตฌํ˜„ : Render Props + ๋™์  key ์„ค์ • + Debouncing

์•—! ๋ฆฌ์•กํŠธ ๊ฒ€์ƒ‰์ฐฝ ๊ตฌํ˜„ ์‚ผํ˜•์ œ๋‹ค!

๐Ÿ—‚๏ธ Gatsby ๋ธ”๋กœ๊ทธ ๊น”@๋กฑํ•œ ๋ชฉ์ฐจ(Table Of Contents) ๋งŒ๋“ค๊ธฐ

์‘๋‹น ๋ชฉ์ฐจ๋ผ๋ฉด ๋ธ”๋กœ๊ทธ๊ฐ€ ์žˆ์–ด์•ผ.

๐Ÿ“‰ Gatsby ๋ธ”๋กœ๊ทธ์— Progress Bar ๋„ฃ๊ธฐ

Failed to server render ์—๋Ÿฌ์— ์ฃผ์˜ํ•ฉ์‹œ๋‹ค.

๐Ÿ™ƒ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋˜๊ณ  ์‹ถ์€ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ๋Š” ๋‚˜์—๊ฒŒ..

JavaScript๋กœ ์ž‘์„ฑํ•œ React Component๋ฅผ TypeScript๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜๊ธฐ. (.js -> .tsx)

๐Ÿ”Œ ์˜ต์‹œ๋””์–ธ ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ฐœ๋ฐœ ์ด๋ ‡๊ฒŒ ์‹œ์ž‘ํ•ด๋ณด์„ธ์š”

์˜ต์‹œ๋””์–ธ ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ฐ„๋‹จํ•œ๊ฑฐ ํ•˜๋‚˜ ๋งŒ๋“ค์–ด๋ดค์Šต๋‹ˆ๋‹ค.

ยฉ 2024, Built with Gatsby