TypeScript

TypeScript - 인터페이스 vs 추상 클래스

이번 포스팅에서는 인터페이스(interface) 와 추상 클래스(abstract class)의 차이점에 대해 알아보고자 한다. (기본적으로 인터페이스와 추상 클래스가 무엇인지 알고 있다는 전제 하에 차이점에만 초점을 맞춰보았다,,) 인터페이스 vs 추상 클래스 왜 추상 클래스가 필요한가? 1. 인터페이스 vs 추상 클래스 인터페이스(interface)와 추상 클래스(abstract class)의 차이점에 대해 크게 다음의 관점으로 살펴보고자 한다. 구현 방식 상속과 구현 접근 제한자 (1) 구현 방식 인터페이스는 객체의 구조를 정의하는 역할을 하며, 이를 구현(implements)한 클래스는 인터페이스에 명시된 모든 속성과 메소드를 가지고 있어야 한다. 다시 말해, 인터페이스는 메소드와 속성..

TypeScript - tsconfig.json

이번 포스팅에서는 tsconfig.json 파일 안에서 TypeScript를 설정하는 방식에 대해 알아보고자 한다. VSCode 터미널에서 아래의 명령어를 통해 tsconfig.json 파일을 생성하거나 직접 tsconfig.json 파일을 만들어준다. 단, 자신의 프로젝트에서 루트 디렉토리 안에 tsconfig.json 파일을 만들어줘야 한다는 점을 주의하도록 하자. tsc --init 참고) npm install -D typescript ts-node @types/node ts-node 라는 TypeScript 실행기를 사용해서 개발 환경에서 TypeScript로 작성된 파일을 실행시켜 볼 수 있다. tsconfig.json 설정 tsconfig.json 파일의 여러 설정값들 중 기본적인 것들에 대해..

TypeScript 기초 - 개념 정리

TypeScript TypeScript Project in VSCode Types in TypeScript 1. TypeScript ?? TypeScript는 JavaScript에 타입을 부여한 언어이다. 쉽게 말해, JavaScript의 확장된 언어라고 볼 수 있다. 그렇다면, TypeScript를 쓰는 이유는 무엇일까? TypeScript를 사용해서 개발을 할 경우, 에러를 사전에 방지할 수 있다는 점과 코드 가이드 및 자동완성을 통해 JavaScript 코드의 품질과 개발 생산성을 높일 수 있다는 점에서 장점을 갖는다. TypeScript를 사용할 경우 에러를 사전에 방지할 수 있다는 말의 의미를 다시한번 되새겨 보도록 하자. JavaScript에서는 코드가 실행되고 나서야 에러를 확인..