TYPESCRIPT 3

[TypeScript] ๋น„๋™๊ธฐ

โœ… ๋™๊ธฐ - ์ฝ”๋“œ๊ฐ€ ์ˆœ์ฐจ์ ์œผ๋กœ ์‹คํ–‰ โžก ํ•œ ์ž‘์—…์ด ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๋‹ค์Œ ์ž‘์—… ๋Œ€๊ธฐ- ์ฝ”๋“œ ํ๋ฆ„ ์˜ˆ์ธก ์šฉ์ด- ๊ฐ„๋‹จ์„ฑ โžก ํ”„๋กœ๊ทธ๋žจ ์ดํ•ด ์‰ฌ์›€function syncFunc01() { // ์‹œ๊ฐ„ ์ง€์—ฐ์„ ์œ„ํ•œ ๊ณ„์‚ฐ์‹ let sum1 = 0; for (let i = 0; i โžก ์˜ค๋ž˜ ๊ฑธ๋ฆฌ๋Š” ์ž‘์—… 1๋ฒˆ์ด ์™„๋ฃŒ๋œ ํ›„์— 2๋ฒˆ์ด ์‹คํ–‰๋จ  โœ… ๋น„๋™๊ธฐ - ์ฝ”๋“œ์˜ ์‹คํ–‰์ด ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ , ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰- ํ”„๋กœ๊ทธ๋žจ์˜ ๋ฉ”์ธ ํ๋ฆ„๊ณผ ๋ณ‘๋ ฌ์ ์œผ๋กœ ์ž‘์—… ํ•  ์ˆ˜ ์žˆ์Œ- ์‘๋‹ต์„ฑ ํ–ฅ์ƒ- ์‚ฌ์šฉ์ž ์‘๋‹ต์ด ๋ธ”๋กœํ‚น ๋˜์ง€(๋ง‰ํžˆ์ง€) ์•Š๊ณ , ๊ธด ์ž‘์—…์€ ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์ˆ˜ํ–‰- ๋ณ‘๋ ฌ ์ฒ˜๋ฆฌ, ํšจ์œจ์„ฑ, ์‘๋‹ต์„ฑ ํ–ฅ์ƒ- ๋ณต์žก์„ฑ ์ฆ๊ฐ€, ๋””๋ฒ„๊น… ์–ด๋ ค์›€ โœ” ์ฝœ๋ฐฑํ•จ์ˆ˜ โžก setTimeout() ์‚ฌ์šฉ - ์ธ์ž๋กœ ํ•จ์ˆ˜ ์ „๋‹ฌ๋ฐ›์Œ- ์ง€์—ฐ๋  ๋ฐ€๋ฆฌ์ดˆ๋ฅผ 0์œผ๋กœ ์ง€์ •..

TYPESCRIPT 2024.09.01

[TypeScript] ์ธํ„ฐํŽ˜์ด์Šค & ์ œ๋„ค๋ฆญ

โœ… ์ธํ„ฐํŽ˜์ด์Šค(interface) - ๊ฐ์ฒด(์†์„ฑ, ๋ฉ”์„œ๋“œ) ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•˜๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋Šฅ- ํ•จ์ˆ˜ ํƒ€์ž… ์ •์˜- ๊ฐ์ฒด๊ฐ€ ์–ด๋–ค ์†์„ฑ(ํ”„๋กœํผํ‹ฐ)๊ณผ ๋ฉ”์„œ๋“œ๋ฅผ ๊ฐ€์ ธ์•ผ ํ•˜๋Š”์ง€ ๋ช…์‹œ- ์ปดํŒŒ์ผ ์‹œ์ ์—์„œ ํƒ€์ž… ์ฒดํ‚น์„ ์œ„ํ•ด ์‚ฌ์šฉ โžก ๋‹ค์–‘ํ•œ ๊ตฌํ˜„์ฒด์— ๋™์ผํ•œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ ์šฉํ•ด ์ผ๊ด€์„ฑ, ์žฌ์‚ฌ์šฉ์„ฑ ์ œ๊ณต โœ” ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌํ˜„ ๋ฐฉ๋ฒ•(๋ช…์‹œ) - interface ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ช…์‹œ- ์ธํ„ฐํŽ˜์ด์Šค๋ช…์€ ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘- ๊ฐ์ฒด์˜ ๋ฌธ๋ฒ• ์ฒด๊ณ„๋ฅผ ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅ(์˜ต์…”๋„, readonly ๋ชจ๋‘ ๊ฐ€๋Šฅ)// ํƒ€์ž…type UserType = { name: string; age: number;}// ์ธํ„ฐํŽ˜์ด์Šค (์‚ฌ์šฉํ•  ๊ฐ์ฒด๋ช… ์•ž์— I ์‚ฌ์šฉ)interface IUser { name: string; age: number; // ๊ฐ์ฒด์˜ ๋ฉ”์„œ๋“œ ํƒ€์ž… ..

TYPESCRIPT 2024.09.01

[TypeScript] ํƒ€์ž…

** ts ํŒŒ์ผ export ํ‚ค์›Œ๋“œ ์‚ฌ์šฉ- export ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด  ts ํŒŒ์ผ์ด ์ž๋™ ๋ชจ๋“ˆ๋กœ ์ธ์‹๋จ โžก ์™ธ๋ถ€ ์ „์—ญ ์Šค์ฝ”ํ”„์™€ ์ถฉ๋Œ์„ ๋ฐฉ์ง€- export const tmp = "";   โœ… ํƒ€์ž…์˜ ์ข…๋ฅ˜ โœ” ๊ธฐ๋ณธ ํƒ€์ž… - ๋ณ€์ˆ˜๋ช… ๋’ค์— ์ฝœ๋ก  ์‚ฌ์šฉ (์†Œ๋ฌธ์ž ๋ช…์‹œ)let name: string = "ํ™๊ธธ๋™";let age: number = 50;let isStudent: boolean = false; โœ” ๋ฐฐ์—ด (list, array) ํƒ€์ž… - ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ์š”์†Œ์˜ ๋ชจ์Œ์„ ๋‚˜ํƒ€๋‚ด๋Š” ์ž๋ฃŒ ๊ตฌ์กฐ - ๋ณ€์ˆ˜๋ช… ๋’ค์— ์ฝœ๋ก  ์‚ฌ์šฉ- ๊ธฐ๋ณธํƒ€์ž…๋ช… ๋’ค์— ๋ฐฐ์—ด์„ ๋‚˜ํƒ€๋‚ด๋Š” []๋ฅผ ์ฒจ๋ถ€let list1: string[] = ["1", "2", "3"];โœ” ์ œ๋„ค๋ฆญ ํƒ€์ž… // Array ํ˜•ํƒœ๋กœ ๋ช…์‹œlet list2: Array = [4,..

TYPESCRIPT 2024.09.01