본문 바로가기

TypeScript4

[타입스크립트 프로그래밍] 10장 Namespaces.Modules * 타입스크립트 프로그래밍(보리스 체르니, 프로그래밍 인사이트)를 읽고 요약 정리한 글입니다. 캡슐화 방법들 - 함수 - 자료구조 (객체, 리스트 등) - 클래스 - 네임스페이스로 구분된 유틸리티 형태 (별도의 데이터베이스나 저장소에 보관) (클래스나 유틸리티가 많아지면 패키지로 묶어서 NPM으로 발행할 수도 있음) 자바스크립트의 모듈 - 컴파일러의 모듈 해석, 빌드 시스템의 모듈 해석, 런타임에 모듈이 응용프로그램으로 로드되는 방법이 모두 별도의 프로그램으로 처리 - CommonJS, ES2015의 모듈 표준 등장으로 세 프로그램의 연동이 쉬워짐 - 웹팩등의 번들러로 내부적으로 추상화해서 실행해 줌 - 10장 내용: 컴파일러의 모듈 해석(타입스크립트의 모듈 해석과 컴파일 방법) 10.1 가볍게 살펴보는.. 2023. 6. 9.
[타입스크립트 프로그래밍] 9장 프론트엔드 프레임워크와 백엔드 프레임워크 * 타입스크립트 프로그래밍(보리스 체르니, 프로그래밍 인사이트)를 읽고 요약 정리한 글입니다. 9.1 프론트엔드 프레임워크 타입스크립트와 프론트엔드 프레임워크 - 풍부한 JSX지원, 변경에 안전하게 대응 가능 - 안전성, 멋진 구조, 빠르게 변하는 프론트엔드 개발 환경에 적합한 정확하면서도 유지보수하기 쉬운 코드 구현 가능 타입스크립트에서 DOM API 사용하기 - tsconfig.json 설정하기 : 타입 검사시 lib.dom.d.ts(브라우저와 DOM 타입 내장 선언)파일에 선언된 타입 포함하도록 설정하기 // tsconfig.json { "compilerOptions": { "lib": ["dom", "es2015"] } } 9.1.1 리액트 리액트와 타입스크립트 - 리액트 컴포넌트는 타입스크립트로.. 2023. 6. 9.
[타입스크립트 프로그래밍] 7장 에러처리 * 타입스크립트 프로그래밍(보리스 체르니, 프로그래밍 인사이트)를 읽고 요약 정리한 글입니다. 타입스크립트 에러 표현/처리의 일반적인 패턴 4가지 1) null 반환 2) 예외 던지기 3) 예외 반환 4) Option 타입 7.1 null 반환 - 타입 안정성을 유지하면서 에러를 처리하는 가장 간단한 방법이다. - 입력의 유효성을 검사하여 유효하지 않은 경우 null을 반환하고, 타입 시스템에서 모든 상황이 처리되는지를 확인한다. function ask() { return prompt("When is your birthday?"); } function parse(birthday: string): Date | null { let date = new Date(birthday); if (!isValid(dat.. 2023. 6. 7.
[타입스크립트 프로그래밍] 5장 클래스와 인터페이스 * 타입스크립트 프로그래밍(보리스 체르니, 프로그래밍 인사이트)를 읽고 요약 정리한 글입니다. Intro. 클래스 클래스 - 객체 지향 프로그래밍 언어에서 중요 - 코드 조직, 이해할 수 있는 방법 제공 - 캡슐화의 주요 단위 타입스크립트의 클래스 - 기능 대부분은 C#에서 가져옴 기능 TS/JS 지원 구분 런타임에 코드 존재여부 가시성 접근자, 인터페이스, 제네릭 등 타입스크립트만 지원 X 프로퍼티 초기자, 데코레이터 등 모두 지원 O 5.1 클래스와 상속 접근한정자 타입스크립트는 클래스의 프로퍼티와 메서드에 3가지 접근 한정자를 제공한다. 접근 가능 범위 기타 public 어디서나 가능 기본값 protected 해당 클래스와 서브클래스의 인스턴스에서만 접근 가능 private 해당 클래스의 인스턴스.. 2023. 5. 31.