본문 바로가기

전체 글56

day3_Effective TypeScript 스터디 2022년 11월 29일 글입니다. Item11. 잉여 속성 체크의 한계 인지하기 잉여속성체크 : 변수에 객체 리터럴을 할당할때, 해당 타입의 속성이 있는지, 있어선 안되는 ' 그외의 속성이 없는지' 체크하는 행위 구조적 타입 시스템에서 발생할 수 있는 중요한 종류의 오류를 잡아줌 그러나 잉여 속성 체크는 조건에 따라 동작하지 않음. 오로지 객체 리터럴을 할당할 때 만 발동 * 잉여 속성 체크와 할당 가능 검사(구조적 타이핑)은 별도의 과정임 구조적 타입체커로만 사용했을 땐, 구조적 타이핑에 부합한다는 이유로 이상한 변수를 할당할 수도 있다. 그런 걸 막아주는게 잉여속성 체크, 타입에 정확하게 들어맞는지 검사해준다. 잉여 속성 체크의 한계 객체 리터럴이 아닌 변수 할당 같은 경우엔 적용 안됨 as T 같.. 2023. 6. 16.
day2_effectfive-typescript스터디 2022년 11월 26일글입니다. 2장 타입스크립트의 타입시스템 item6. 편집기를 사용하여 타입시스템 탐색하기 요약 : 타입스크립트 서버가 제공하는 코드 자동완성, 명세검사, 검색, 리팩터링 등의 언어서비스를 누려라 타입스크립트 서버덕분에 편집기에 마우스를 올려 어떤 타입인지 알 수 있다. ctrl+클릭 같은 Go To Definition 기능 을 이용해서 타입이 어떻게 정의 되어있는지 알 수 있다. 타입스크립트의 자동완성기능을 누릴 수 있다. item7. 타입이 값들의 집합이라고 생각하기 요약 1 : 타입을 할당 가능한 값의 집합 이라고 생각해라 요약 2 : 한 객체의 추가적인 속성이 타입 선업에 언급되지 않더라도, 그 타입에 속할 수 있다.(구조적 타이핑) 요약 3 : 타입 연산은 집합의 범위에 .. 2023. 6. 16.
day1_Effective Typescript 스터디 2022년 11월 24일 글입니다. Item 1. 타입스크립트와 자바스크립트의 관계 요약 1: 자바스크립트 코드는 타입스크립트 코드의 부분집합(subset)이다. == 타입스크립트는 자바스크립트의 상위집합(superset)이다. 타입스크립트로 만든 코드는 자바스크립트 런타임 동작을 모델링하는 것이 타입스크립트의 기본 원칙이다. 그래서 타입스크립트로 작성한 코드는 자바스크립트 프로그램에서도 문제없이 돌아간다. 그러나 반대로 자바스크립트 문법을 따른 프로그램은 타입스크립트에서 돌아가지 않을 수 있다. 자바스크립트의 확장자는 .js(.jsx) 타입스크립트의 확장자는 .ts(.tsx)이다. 요약 2: 타입스크립트는 자바스크립트 런타임 오류를 발생시키는 코드를 찾는다. 하지만 타입체커를 통과해도 런타임 오류를 발.. 2023. 6. 16.