오늘은 TypeScript의 기본 타입을 다시 복습해 보는 시간을 가졌습니다!
// 타입스크립트 복습
interface PersonType{
name:string;
age:number;
isStudent:boolean;
studentNum?:number;
}
const person = {
name:'엄성준',
age:25,
isStudent:false,
}
const getPersonAge = (peson:PersonType)=>{
console.log(person.age)
}
const array1:string[] = ['a','b','c'] // 문자로만 이루어진 배열
const array2:number[] = [1,2,3] // 숫자로만 이루어진 배열
const array3:boolean[] = [true, false, true] // boolean값으로만 이루어진 배열
const array4:(string | number)[] = ['a',1] // string 또는 number로만 이루어진 배열
let user:[string, number, boolean] = ['엄성준',3,true] // 형식과 길이가 정해진 배열 tuple
// console.log(user)
enum BloodType{ // enum타입은 이름이 있는 상수들이 열거되어있는 집합
A, // 0
B =20, // 1
O, // 2
AB // 3
}
const myBloodType = BloodType.O
const sum = (a:number, b:number):number=>{
return a+b
}
// void: 어떤 타입도 존재할 수 없음, 함수에서 리턴값이 없을 때 사용
const noReturnSum = (a:number, b:number):void=>{
console.log(a+b)
}
let neverValue:never; // 어떠한 값도 가질 수 없는 타입, 공집합
let sym = Symbol()
let sym2 = Symbol('test')
let sym3 = Symbol('test')
// console.log(sym2 === sym3)
let obj={
name:'엄성준',
[sym]:'test'
}
console.log(obj[sym])
function f1(a:any){
a.toUpperCase()
}
function f2(a:unknown){
if(typeof a === 'string'){
return a.toUpperCase()
}else{
return '문자가 아닙니다!'
}
}
'지식 정리 📝' 카테고리의 다른 글
브라우저 렌더링 과정에서 이미지가 먼저일까? JavaScript파일이 먼저일까? (0) | 2023.06.18 |
---|---|
'getStaticProps'와 'getServerSideProps'의 차이 (0) | 2023.06.12 |
Network, OS, CS (0) | 2023.05.24 |
Vercel react-icons 오류 해결 (0) | 2023.04.07 |
prettier, ESLint 설치법 (0) | 2023.03.23 |