자바스크립트

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의 값이 들어간 것을 확인 할 수 있다.

말이 복잡하지만, 이 경우에선 직접 매개변수로 들어간다고 생각하면 될 것 같다.

반응형