nextjs,tailwindcss,vercel

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ - ํ•จ์ˆ˜ , ํ•จ์ˆ˜ ํƒ€์ž…

์ฃผ์˜ ๐Ÿฑ 2024. 5. 21. 01:12
728x90

์ธ์ˆ˜์™€ ๋ฐ˜ํ™˜๊ฐ’ ๊ฐ๊ฐ์˜ ํƒ€์ž…์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. 

ํ•จ์ˆ˜์˜ ์ธ์ˆ˜์™€ ๋ฐ˜ํ™˜๊ฐ’ ๋ชจ๋‘ string ์œผ๋กœ ์ •์˜ํ•˜๋Š” ์˜ˆ์‹œ:

function sayHello(name : string): string{
return `Hello ${name}`
}

sayHello('Mewo')

 

 

optional ๋กœ๋„ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. 

function sayHello(name? : string): string{
return `Hello ${name}`
}

 

 

ํŒŒ๋ผ๋ฏธํ„ฐ(์ธ์ˆ˜)๋ฅผ ์ •์˜ํ•  ๋•Œ ๊ธฐ๋ณธ๊ฐ’๋„ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. 

ํ•จ์ˆ˜ ํ˜ธ์ถœ์‹œ ํ•ด๋‹น ์ธ์ˆ˜๋ฅผ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ์ž๋™์œผ๋กœ ๊ธฐ๋ณธ๊ฐ’์ด ์ ์šฉ๋œ๋‹ค. 

function sayHello(name : string='KIM'): string{
return `Hello ${name}`
}

 

 

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ (arrow function) ์˜ ๊ฒฝ์šฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํƒ€์ž…์„ ์ง€์ •ํ•œ๋‹ค. 

let sayHello = (name: string): string => `Hello ${name}`

 

 

์ธ์ˆ˜์—๋„ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. 

(์ธ์ˆ˜ : ์ธ์ˆ˜์˜ ํƒ€์ž…) ==> ๋ฐ˜ํ™˜๊ฐ’ ํƒ€์ž…

 

์ธ์ˆ˜๊ฐ€ ๋ฌธ์ž์—ด์ด๊ณ  ๋ฐ˜ํ™˜๊ฐ’์ด ๋ฐฐ์—ด(๋ฌธ์ž์—ด ๋ฐฐ์—ด)์ธ ํ•จ์ˆ˜๋ฅผ ์ธ์ˆ˜๋กœ ๋ฐ›๋Š” ์˜ˆ์‹œ

function getInfo(name:string) : string[] {
	return name.split(',')
}

function sing(bird: (x:string) => string{}): string(
	return bird('์˜ค๋ฆฌ,๋น„๋‘˜๊ธฐ')[0]+` ๊ฝฅ๊ฝฅ`
   }

 

 

 

 

 

 

 

๋ฐ˜์‘ํ˜•