자바스크립트
Typescript exercise 1 정리
mindun
2024. 9. 26. 16:20
반응형
exercise 1은 type과 unknown에 관한 내용이다.
export type User = {
name: string;
age: number;
occupation: string;
};
export const users: User[] = [
{
name: 'Max Mustermann',
age: 25,
occupation: 'Chimney sweep'
},
{
name: 'Kate Müller',
age: 23,
occupation: 'Astronaut'
}
];
export function logPerson(user: User) {
console.log(` - ${user.name}, ${user.age}`);
}
console.log('Users:');
users.forEach(logPerson);
users 변수는 User 배열을 어노테이션 하여 정의 하였다.
User 타입의 내용이 정의되지 않아있어 users의 객체에 맞도록 수정하였다.
unknown은 any와 비슷하지만 다르다고 알려져 있는 변수이다.
any를 처리 할 때는 자유롭게 처리하며 unknown을 처리 할 때는 타입스크립트가 타입을 지정 할 수 있도록 처리된다고 생각하면 될 것 같다. 곧, unknown은 무슨 타입이 올 지 모를 때 any를 쓰지 않고 쓸 수 있는 타입이라고 생각 하면 될 것 같다
마지막 줄의 users.foreach를 보면, foreach라는 생소한 함수가 있다. foreach는 각 배열의 요소에 주어진 콜백함수를 순차대로 처리하도록 해준다.
그래서 foreach(logPerson)을 하면 logPerson(uesr: User)에 user로써 users의 값이 들어간 것을 확인 할 수 있다.
말이 복잡하지만, 이 경우에선 직접 매개변수로 들어간다고 생각하면 될 것 같다.
반응형