Quiz 1. 타입 단언을 이용해 person 변수에 빈 객체를 할당하세요 (힌트. 초과 프로퍼티 검사 방지를 위한 타입 단언) type Person = { name: string; age: number; }; let person: Person = {};Answer let person = {} as Person; person.name = "치현"; person.age = 29;Quiz 2. 타입 단언을 이용해 함수 호출에서의 오류를 해결하세요 (힌트. const 단언) let value = 10; giveMe10(value); // error: 'number' 타입의 인수는 '10' 타입의 매개변수에 할당할 수 없다. function giveMe10(value: 10) { r..
Quiz 1. 아래 코드의 변수 a,b,c,d,e의 타입은 각각 어떻게 추론될까요? let a = 10; const b = 20; const c = [1, 2]; const d = [1, "hello", true]; const e = [1, 2, 3] as const; Answer type A = number; type B = 20; type C = number[]; type D = (number | string | boolean)[]; type E = [1, 2, 3]; Quiz 2. 다음 요구사항을 만족하는 Animal, DogCat(개냥이) 타입을 완성하세요 Animal 타입은 Dog 타입일 수도 Cat 타입일 수도 있습니다. DogCat 타입은 Dog이자 Cat입니다. type Dog = { na..
배운 개념 정리 Any와 Unknown 타입 정의 Any 타입: 모든 타입을 포괄하는 타입. any 타입의 변수는 어떤 타입의 값이든 할당 받을 수 있으며, 어떤 연산이든 실행할 수 있다. 즉, TypeScript의 타입 검사기는 any 변수에 대해 타입 검사를 수행하지 않는다. Unknown 타입 - any와 비슷하게 어떤 타입의 값이든 할당 받을 수 있다. 하지만 unknown 타입의 변수를 다른 타입의 변수에 할당하거나, 해당 변수의 메서드를 사용하거나, 해당 변수에 연산을 수행하려면 먼저 해당 변수의 타입을 확인하거나 타입 단언을 해야한다. 필요성 Any 타입 - JavaScript 코드를 TypeScript로 마이그레이션하거나 타입 정보가 없는 라이브러리를 사용할 때 매우 유용하다. 또한, 타입..
[있었던 일] 프로젝트에서 CRUD 관련기능은 지난 주에 끝내고, 컴포넌트 분리와 CSS 모듈화하였다. [느낀 점] PR을 하고, 코드리뷰를 하는 시간을 가져보는 것이 참 중요하다는 것을 깨닫는다. 정답은 없지만, 좀더 좋은 코드를 위한 고민을 해보는 시간이어서 그런 것 같다. 개발 일정이 생각보다 빠듯해서 조금 더 박차를 가해야할 필요성을 느낀다. 이럴 때일수록 우선순위를 잘 정해서, 끝내봐야겠다. 한 입 크기로 잘라먹는 타입스크립트 스터디와 더불어 제로초의 Next.js 강의 타임어택을 병행하게되었다. 한 번에 완벽하게 이해하기 보단, 순간순간 핵심적인 부분을 최대한 캐치해서 적어두고 복기하면서, 조금 더 개선해보려한다. 이모티콘 출처는 조빔님의 깜자 이모티콘이다!
