본문 바로가기

타입스크립트12

[Typescript] readonly와 순수 함수 1. 순수 함수 우선 순수 함수에 대해 설명을 해야합니다. 순수 함수(pure function)이란 함수형 프로그래밍에서 사용되는 언어로 함수가 수행하는 기능 외에 다른 효과가 나타나지 않는 것을 의미(부작용이 없다)합니다. 순수 함수가 아니고 기능 외에 다른 효과가 나타나는 함수를 불순 함수(impure function)이라고 부릅니다. 불순 함수는 순수 함수로 만드는 조건에 부합하게 재작성하면 순수 함수로 만들 수 있으며, 순수 함수의 조건에는 다음과 같은 조건들이 있습니다. 함수 내부에 입출력 코드가 존재하면 안 된다. 함수 내부에서 매개변수가 변경되면 안 된다. 함수는 만들어진 결과를 즉시 반환한다. 함수 내부에 전역/정적 변수를 사용하지 않는다. 함수가 예외를 발생시키지 않는다. 함수가 콜백이거.. 2022. 1. 3.
[Typescript] 배열 메소드 filter, map, reduce 이번에는 자바의 Array 객체의 메소드가 아닌 타입스크립트 배열 메소드인 filter, map, reduce 세가지를 소개하겠습니다. 이 세 메소드는 메소드 체인으로 연결되어 자주 등장하는 세쌍둥이급의 메소드입니다. 1. filter 가장 먼저 만날 메소드는 filter입니다. 자바스크립트 Array.filter처럼 배열을 특정 조건으로 걸러주는 메소드입니다. .filter(콜백함수); .filter((요소: 타입, 인덱스?: number) => {}); 다음은 숫자 배열에서 filter 메소드로 짝수 요소만을 추출해내는 코드입니다. let nums: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; let result: number[] = nums.filter((value.. 2022. 1. 3.
[Typescript] 배열 배열의 선언은 자바스크립트와 동일합니다. new Array를 통한 인스턴스 생성 방식 혹은 []를 이용한 배열 생성 방식. 하지만 타입스크립트 배열의 특징은 배열에 타입이 존재한다는 점 입니다. 1. 배열의 선언과 타입 타입스크립트에서 배열에 타입을 주는 방식은 변수때와 동일합니다. 다만 타입 뒤에 대괄호([])가 들어간다는 점이 다릅니다. let 배열명: 타입[] = []; 배열에 타입을 주게하면서 다음과 같은 아름다운 코드는 불가능해졌습니다. let arr = [1, '안녕', true, [0, 4], {}]; 다음은 몇 가지 타입스크립트 배열 선언의 예시입니다. let nums: number[] = [1, 2, 3, 4]; let str: string[] = ['Typescript', 'Javasc.. 2021. 12. 31.
[Typescript] 메소드 클래스의 속성으로 오는 함수를 메소드라고 부릅니다. 타입스크립트에서 이 메소드들을 사용하는 방법들을 소개해드리려고 합니다. 1. 클래스 메소드 이전 포스트에서 소개해드린대로 클래스 메소드를 구현해보면 다음과 같습니다. class Student { constructor(protected name: string) {} printInfo: () => void = function (): void { console.log(`이름: ${this.name}`); } } 이렇게 보니 좀 복잡하고 지저분한 감이 있지않아서 타입스크립트에서는 이것을 간단하게 줄여쓸 수 있도록 단축 구문을 제공합니다. 위의 printInfo() 메소드를 단축구문을 이용해서 줄여보겠습니다. class Student { constructor(p.. 2021. 12. 31.
[Typescript] 타입스크립트 함수 타입스크립트의 함수는 자바스크립트의 함수에서 타입 기능을 더하기만 하면 됩니다. 물론 추가적인 주의사항도 있습니다. 타입스크립트에서 가장 중요한 점은 함수에서 만큼은 타입을 잘 적어두는 것이 중요합니다. 1. 함수 선언 타입스크립트의 함수는 다음과 같이 선언합니다. 자바스크립트와는 다르게 반환값에 타입을 지정한다는 것도 큰 특징입니다. function 함수명(인자: 타입, ...): 반환값 타입 {} function add(x: number, y: number): number { return x+y; } 반환값 타입에는 void라는 값이 올 수도 있는데, 값을 반환하지 않는 함수는 타입이 void가 됩니다. function sayHi(): void { console.log('Hi!'); } 애로우 함수도.. 2021. 12. 30.
[Typescript] 타입 단언 1. 타입 단언 Type Assertion 타입스크립트에는 타입 단언이라는 독특한 구문이 있습니다. '단언'이라는 단어 그 자체에서 느낄 수 있듯이 타입을 확실히 한다라는 것을 의미합니다. 즉, 프로그래머가 타입 단언을 통해서 컴파일러에게 타입을 확실하게 알려주기 위해 타입 단언을 이용한다라고 볼 수 있습니다. 타입 단언은 두 가지 종류가 있습니다. (객체) (객체 as 타입) 이 두가지 방식 중 아래의 (객체 as 타입) 방식이 일반적으로 선호 됩니다. 를 이용한 단언은 JSX 등과 혼동될 여지가 있기 때문입니다. 아래 코드는 두가지 타입 단언 방식을 이용해서 작성된 코드와 결과입니다. let a: string = '헬로'; let say1 = (a); let say2 = (a as string); c.. 2021. 12. 30.
300x250

티스토리툴바