ยซ   2025/02   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Archives
Recent Posts
02-01 18:12

Today
Total

Recent Comments
๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กWEB/Typescript (4)

์—ฐ์˜ ๊ธฐ๋ก ๐Ÿช

[Javascript -> Typescript] ์—๋Ÿฌ ๋ชจ์Œ

JavaScript๋กœ ์ž‘์„ฑ๋œ ์ฝ”๋“œ๋ฅผ TypeScript๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด์„œ ๋งŒ๋‚ฌ๋˜ ๋งŽ์€ ์—๋Ÿฌ์— ๋Œ€ํ•ด ๊ธฐ๋กํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” export๋‚˜ import๊ฐ€ ์—†์œผ๋ฉด ์Šคํฌ๋ฆฝํŠธ๋กœ ํ•ด์„ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ™์€ ์ด๋ฆ„์˜ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ๋‹ค๋ฉด(๋‹ค๋ฅธ ํŒŒ์ผ์ž„์—๋„!!!) ์—๋Ÿฌ๋ฅผ ๋‚ธ๋‹ค. ํŒŒ์ผ์˜ ๋์— export {}; ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ์—๋Ÿฌ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ ์ž‘์„ฑํ•œ ์ธ์ž๋ฅผ ๋„˜๊ฒจ์ฃผ์ง€ ์•Š์œผ๋ฉด ์—๋Ÿฌ๋ฅผ ๋‚ธ๋‹ค. ์˜ˆ์‹œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. function hihi(a, b) { return a+b; } //์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์œ„ ๋‘ ์ƒํ™ฉ์— ๋Œ€ํ•ด ์—๋””ํ„ฐ์—์„œ ์—๋Ÿฌ๋ฅผ ๋‚ด์ง€ ์•Š์ง€๋งŒ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์—๋Ÿฌ๋ฅผ ๋‚ธ๋‹ค. hihi(1); hihi(1,2,3); //๋งŒ์•ฝ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ๊ณ  ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ์ˆ˜๋„ ์žˆ๋Š” ์ธ์ž๊ฐ€ ์žˆ๋‹ค๋ฉด ๋ช…์‹œ์ ์œผ๋กœ ?๋ฅผ ๋ถ™์—ฌ..

WEB/Typescript 2023. 4. 26. 01:00
[Typescript] Cannot redeclare block-scoped variable ‘OOO’

์ด์ „์— ์ง„ํ–‰ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ ๋ฆฌํŒฉํ† ๋ง์„ ์ง„ํ–‰ํ•˜๋ฉฐ javascript๋กœ ์ž‘์„ฑํ–ˆ๋˜ ํŒŒ์ผ์˜ ํ™•์žฅ์ž๋ฅผ ts๋กœ ์ˆ˜์ •ํ–ˆ๋‹ค. ๊ทธ๋Ÿฌ์ž Cannot redeclare block-scoped variable ‘OOO’ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ๊ตฌ๊ธ€๋ง์„ ํ†ตํ•ด ์–ป์€ ๊ฒฐ๋ก ์€ “ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ํŒŒ์ผ์˜ top-level์— import๋‚˜ export๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ํŒŒ์ผ์„ ๋ชจ๋“ˆ์ด ์•„๋‹Œ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ๋กœ ์ธ์‹ํ•˜๊ณ , ํŒŒ์ผ ๋‚ด์— ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” window, global๊ณผ ๊ฐ™์€ ์ „์—ญ ์Šค์ฝ”ํ”„์— ์˜ํ–ฅ์„ ๋ฏธ์นœ๋‹ค.” ์ด๋‹ค. ์ฆ‰ ์šฐ๋ฆฌ์˜ ํ˜„์žฌ ์ฝ”๋“œ์—๋Š” require๋ฌธ๋งŒ ์žˆ์–ด์„œ ๋ณ€์ˆ˜๊ฐ€ ์ „์—ญ ์Šค์ฝ”ํ”„์— ์˜ํ–ฅ์„ ๋ฏธ์ณ ๊ฐ™์€ ์ด๋ฆ„์œผ๋กœ require๋ฅผ ํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์ด๊ฒƒ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ํŒŒ์ผ์˜ ๊ฐ€์žฅ ์•„๋ž˜์— export {}; ๋ฅผ ์ถ”๊ฐ€ํ•ด์ค˜์„œ ์ด ํŒŒ์ผ์€..

WEB/Typescript 2023. 4. 26. 00:55