TypeScript

안정성, 정확히 타입 안정성코드에 버그가 줄어들게 된다생산성도 향산된다개발자를 최대한 이해해주려고 합니다.에러를 보여주지 않으려고 정말 많은 노력을 하고 있습니다.배열과 불리안 값을 더해줘도 스트링을 만들어준다... 에러를 안 보여줌.... It makes us Cra

코드가 실행되고 나서 에러를 보내주는 것타입스크립트는 코드가 실행되기 전에 에러를 잡아줘서 런타임 에러를 방지해줍니다.강타입 프로그래밍언어C - 컴파일러 : 코드를 작성한 후 '컴파일' 과정을 거쳐서 어셈블리 코드나 바이트 코드로 변환시켜주는 역할을 합니다.작성한

데이터와 변수의 타입 명시적 정의타입스크립트에서 만든 문법Type Checker 와 소통하는 방식가독성이 떨어지기 때문에 필요한 경우에만 사용합니다.필요한 경우 : 타입 추론을 못할때JS처럼 변수만 생성하고 넘어감 (타입 명시적 정의 X)명시적 타입 정의 없이 변수만

Basic Type 위와 같이 명시적으로 작성할 수 있습니다. 하지만 변수를 선언하고 바로 할당해줄 때는 대부분 TS가 타입추론을 하게 둡니다. (대부분의 경우) Optional Parameter 에 물음표를 써서 있을 수도 있고 없을 수도 있다고 지정해줬습니다.

해당 값을 바꾸려고 하면 막아줍니다.Immutable정해진 갯수의 요소를 가져야 하는 array 를 지정할 수 있습니다.array 각 요소의 타입을 지정해 줄 수 있습니다.가끔 API 에서 객체가 아닌 배열을 넘겨줄 때 유용하게 사용할 수 있습니다.readonly 와

아직 변수의 타입을 모르는 경우 unknown 으로 지정할 수 있습니다.unknown 인 변수로 작업 하고싶은 경우, 타입 체크 후 작업할 수 있습니다.함수가 아무것도 반환하지 않을때 사용합니다.보통 따로 지정해주지 않습니다.많이 사용하지 않지만 알고있는 것이 중요합니

함수 위에 마우스 올렸을 때 보게 되는 것함수의 인자의 타입과 반환값의 타입을 알려주는 것type 키워드를 사용하여 아래와 같이 선언합니다.함수를 구현하기 전에 '호출 시그니쳐'를 정리해두면 타입을 생각하고 코드를 구현하게 되어서 좋습니다.타입 선언과 코드 작성의 분리

Overloading 개요 Function Overloading, Method Overloading 이라고 불리지만 핵심은 Overloading 실제로 Overloading 을 사용해서 코드 작성을 할일은 잘 없지만, 외부 라이브러리나 패키지에서 많이 사용하기 때문에

Polymorphism (다형성) 개요 Generic 정의 'poly' 많은, 다수의 + 'morphos' 형태, 구조 여러가지 다른 모양을 가지고 있는 성질 코드 예시 배열의 모든 요소를 프린트하는 함수 생성 (타입 상관 X) 의문점 1 위의 코드에서 에러 발생

라이브러리, 패키지들이 제네릭을 사용해서 작성되어 있기때문입니다.라이브러리, 패키지들을 만드는 경우에는 제네릭을 많이 작성하게 됩니다.타입추정 O, 대부분 타입추정을 하게 두는 것이 옳습니다.타입추정 X타입을 확장합니다.코드를 저장합니다.타입 재사용많은 것들이 잇는 큰

클래스의 속성에 직접적인 접근을 제한합니다.클래스의 메서드를 통해서만 접근할 수 있습니다.클래스의 메서드에도 작동합니다.클래스의 속성에 직접적인 접근을 허용합니다클래스의 메서드를 통해서도 접근할 수 있습니다.클래스의 메서드에도 작동합니다.클래스의 속성에 직접적인 접근을

원하는 대로 타입을 지정할 수 있습니다.타입을 원하는 형태로 다양하게 지정할 수 있습니다. (+ type alias)특정 값들을 지정해 줄 수도 있습니다.상속과 비슷한 동작을 구현할 수 있습니다.객체의 모양을 지정해주는데만 사용합니다.상속을 사용할 수 있어 객체지향에

인스턴스를 생성하지 않고 청사진(블루프린트)만 제공해주는 클래스원하는 속성과 메서드를 자식 클래스에 강제하는 역할JavaScript 로 변환될때 추상 클래스도 일반 클래스처럼 변환이 됩니다.Interface 는 JavaScript 로 변환되지 않기 때문에, Interf

다양한 모양의 코드를 가질 수 있게 해주는 것입니다.다형성을 이룰 수 있는 방법입니다.placeholder 타입(<>)을 쓸 수 있도록 해줍니다. (concrete 타입 X)때가 되면(생성시), '타입스크립트가' placeholder 타입을 concrete 타입으

수동으로 타입스크립트 프로젝트 설정할 일이 거의 없습니다.수동으로 타입스크립트 설정하는 과정을 이해하는 것은 중요합니다.가끔 스스로 수동으로 써줘야 할 일이 생깁니다.최근 다른 프로젝트에서 백엔드를 TS 로 설정해보려다가 고생을 했었습니다.타입스크립트의 구조에 관한 인

초기 설정 튜토리얼 $ npm init -y package.json 객체 내의 "main" 쌍 삭제, "scripts" 수정 $ npm i -D typescript src 폴더 생성 index.ts 파일 생성 index.ts 파일 내의 작은 함수 작성