nextjs,tailwindcss,vercel

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด , any

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

 

 

 

๋ฐฐ์—ด ์ •์˜

๋ฐฐ์—ด์— ํƒ€์ž…์„ ์ง€์ •ํ•  ๋•Œ๋Š” ๊ทธ ๋ฐฐ์—ด์˜ ํƒ€์ž…๊ณผ []์„ ์‚ฌ์šฉํ•œ๋‹ค. 

\

const array:string[] =[]
array.push('a')
array.push(0) //์ด๊ฒƒ์€ ํƒ€์ž…์ด ๋งž์ง€ ์•Š์•„ ์˜ค๋ฅ˜๋กœ ์ฒ˜๋ฆฌ๋จ

 

์—ฌ๋Ÿฌ ํƒ€์ž…์ด ์žˆ๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ๊ธฐํ•  ์ˆ˜ ์žˆ๋‹ค

 

const Mixed = ['a',1]

const MixedT :[string,number]=['a',1]

 

 

 

Object ๊ฐ์ฒด ํƒ€์ž… ์ •์˜

 

๊ฐ์ฒด๋Š” ํ‚ค์™€ ๊ฐ’์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ฐ์ดํ„ฐ ํ˜•์‹ ์ธ์Šคํ„ด์Šค์ด๋‹ค 

๋‹ค์Œ์˜ ๊ตฌ์กฐ๋ฅผ ๋”ฐ๋ฅธ๋‹ค. 

const ๋ณ€์ˆ˜ : {ํ‚ค1:ํƒ€์ž…1; ํ‚ค2:ํƒ€์ž…2; ... }

 

name ์ด string ํƒ€์ž…, age๋Š” number ๋ฅผ ๊ฐ€์ง„ ๊ฐ์ฒด ์ •์˜ํ•˜๋Š” ์˜ˆ์‹œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 

const user : {name:syring; age:string} ={
name:'Kin',
age : 12
}

user.name, user.age ์ด๋Ÿฐ์‹์œผ๋กœ ์ ‘๊ทผ ๊ฐ€๋Šฅ

 

? ์„ ์‚ฌ์šฉํ•ด optional (์„ ํƒ ๊ฐ€๋Šฅ)์œผ๋กœ ์ฒ˜๋ฆฌ ๊ฐ€๋Šฅํ•˜๋‹ค. 

์ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ•ด๋‹น ์†์„ฑ์ด ์กด์žฌํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค. 

function saveName(obj : {firstName : string; lastName?:string}) {
///
}

 

saveName({firstName : 'Hsn})

saveName({firstName : 'Hsn, lasName: 'Kin'})

 

์ด ๋‘๊ฐ€์ง€ ๋ชจ๋‘ ์ž‘๋™ํ•œ๋‹ค. 

 

๊ฐ์ฒด ํƒ€์ž…์€ ์ฝ”๋“œ๊ฐ€ ๊ธธ์–ด์ง€๊ธฐ ๋•Œ๋ฌธ์— type alias์™€ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค. 

 

any

ํƒ€์ž…์„ any๋กœ ์ง€์ •ํ•˜๋ฉด ๋ชจ๋“  ํƒ€์ž…์ด ์˜ฌ ์ˆ˜ ์žˆ๋‹ค. 

let user: any = {firstName : 'erte'}

 

 

๋ฐ˜์‘ํ˜•