TypeScript 주니어 코딩 면접

먼저 filter 메서드로 짝수만 선택합니다(num % 2 === 0 조건 사용). 그 다음 map 메서드로 각 요소를 제곱합니다(num => num * num). 입력 타입은 number[]이고, filter 후에도 number[], map 후 최종 반환값도 number[]입니다. 메서드 체이닝을 사용하면 가독성 좋게 한 줄로 작성할 수 있습니다. 함수 시그니처는 function processNumbers(arr: number[]): number[] 형태가 됩니다.

스프레드 연산자를 사용하여 { ...originalUser, name: newName } 형태로 새 객체를 생성합니다. 이렇게 하면 원본은 그대로 유지되고 변경된 속성만 덮어쓴 새 객체가 반환됩니다. 함수 파라미터에 Readonly<User> 타입을 지정하면 컴파일 타임에 원본 수정을 방지할 수 있습니다. 중첩된 객체의 경우 각 레벨마다 스프레드를 적용해야 깊은 복사가 됩니다. 이는 React 같은 프레임워크에서 상태 관리 시 중요한 패턴입니다.

async 함수 내에서 try-catch 블록으로 에러를 잡습니다. catch 블록에서 error의 타입을 체크(instanceof 사용)하여 각기 다른 처리를 합니다. 커스텀 에러는 Error 클래스를 상속받아 NetworkError, TimeoutError 등으로 만들고, 각 에러마다 고유한 속성(statusCode 등)을 추가합니다. 에러 발생 지점에서 적절한 커스텀 에러를 throw하면 호출부에서 타입 안전하게 처리할 수 있습니다. unknown 타입으로 catch한 후 타입 가드로 좁히는 것이 안전합니다.

reduce 메서드를 사용하여 빈 객체를 초기값으로 시작합니다. 각 학생을 순회하며 acc[student.grade]가 없으면 빈 배열로 초기화하고, 해당 학년 배열에 학생을 push합니다. 반환 타입은 Record<number, Student[]> 또는 { [grade: number]: Student[] }로 정의할 수 있습니다. Map을 사용하면 get/set 메서드로 더 명시적으로 처리할 수 있고, has로 존재 여부를 체크합니다. reduce는 누적값을 만드는 강력한 도구입니다.

함수 오버로딩은 같은 함수명에 여러 시그니처를 선언합니다. function toArray(value: string): string[]과 function toArray(value: number): number[]를 먼저 선언하고, 실제 구현부는 function toArray(value: string | number): (string | number)[]로 작성합니다. 제네릭을 사용하면 function toArray<T>(value: T): T[]로 더 간결하게 표현할 수 있습니다. 오버로딩은 완전히 다른 동작을 할 때 유용하고, 제네릭은 동일한 로직에 다양한 타입을 적용할 때 적합합니다. 오버로딩 시 구현부는 모든 경우를 처리할 수 있어야 합니다.