반응형

 

타입스크립트 레벨을 높이기 위해 연습문제를 풀어볼건데요!

 

함께 하시고 싶은 분들은 아래의 링크에서 연습문제들을 풀어보실 수 있습니다..!

 

 

https://typescript-exercises.github.io/#exercise=1&file=%2Findex.ts

 

TypeScript Exercises

A set of interactive TypeScript exercises

typescript-exercises.github.io

 

 

저는 1단계부터 차근차근 풀어보고 부족한 부분을 채워나아가려고 해요!!
정답도 있어서 확인해보실 수 있어요^^

 

 

1단계 문제

/*
Intro:

    We are starting a small community of users. For performance
    reasons, we have decided to store all users right in the code.
    This way we can provide our developers with more
    user-interaction opportunities. With user-related data, at least.
    All the GDPR-related issues will be solved some other day.
    This would be the basis for our future experiments during
    these exercises.

Exercise:

    Given the data, define the interface "User" and use it accordingly.

*/

export type User = unknown;

export const users: unknown[] = [
    {
        name: 'Max Mustermann',
        age: 25,
        occupation: 'Chimney sweep'
    },
    {
        name: 'Kate Müller',
        age: 23,
        occupation: 'Astronaut'
    }
];

export function logPerson(user: unknown) {
    console.log(` - ${user.name}, ${user.age}`);
}

console.log('Users:');
users.forEach(logPerson);

 

 

User의 타입을 정의하면 되는 문제네요!!

 

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 타입을 정의할 수 있었어요! 😎😎

 

다음에는 2단계 문제로 가져오겠습니다!

단계가 높아질수록 난이도가 높아진다고 하네요..!!

반응형