반응형
타입스크립트 레벨을 높이기 위해 연습문제를 풀어볼건데요!
함께 하시고 싶은 분들은 아래의 링크에서 연습문제들을 풀어보실 수 있습니다..!
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단계 문제로 가져오겠습니다!
단계가 높아질수록 난이도가 높아진다고 하네요..!!
반응형