본문 바로가기

TypeScript5

[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] 타입 단언 1. 타입 단언 Type Assertion 타입스크립트에는 타입 단언이라는 독특한 구문이 있습니다. '단언'이라는 단어 그 자체에서 느낄 수 있듯이 타입을 확실히 한다라는 것을 의미합니다. 즉, 프로그래머가 타입 단언을 통해서 컴파일러에게 타입을 확실하게 알려주기 위해 타입 단언을 이용한다라고 볼 수 있습니다. 타입 단언은 두 가지 종류가 있습니다. (객체) (객체 as 타입) 이 두가지 방식 중 아래의 (객체 as 타입) 방식이 일반적으로 선호 됩니다. 를 이용한 단언은 JSX 등과 혼동될 여지가 있기 때문입니다. 아래 코드는 두가지 타입 단언 방식을 이용해서 작성된 코드와 결과입니다. let a: string = '헬로'; let say1 = (a); let say2 = (a as string); c.. 2021. 12. 30.
tsconfig.json 지난 포스트에서 기본적인 타입스크립트 프로젝트를 만들면서 tsconfig.json 파일을 만들었습니다. 다양한 옵션들이 존재하지만 우리가 필요로 하기에 남겨두었던 옵션 키들에 대해서 알아보고 넘어가겠습니다. "module": "CommonJS", 동작 대상의 플랫폼을 구분해서 그에 맞는 모듈 방식으로 컴파일하기 위해 지정하는 옵션입니다. Node.js 플랫폼(또는 웹 브라우저 환경을 제외한 환경)에서 구동하기 위해서 CommonJS 방식을 설정해주었습니다. 만약 웹 브라우저 상에서 동작하길 원한다면 AMD(Asynchronous Module Definition) 방식으로 지정해줍니다. "esModuleInterop": true, 패키지 중에는 웹 브라우저의 동작을 위해 AMD 방식으로 구현된 것들이 있습.. 2021. 12. 28.
[Typescript] 타입스크립트 프로젝트 굳이 타입스크립트 프로젝트 생성에 대해 따로 다루는 이유는 기존에 프로젝트들은 그냥 만들면 되었지만 타입스크립트 프로젝트는 약간의 설정이 필요하기에 소개해드리고 넘어가려고 합니다. 1. 타입스크립트 프로젝트 생성 타입스크립트는 Node.js 플랫폼을 기반으로 작동하는 언어이므로 npm init을 통해서 package.json을 만들어야합니다. 따라서 작업 공간을 만들고 npm init 명령을 통해서 package.json 파일을 생성해주세요. npm init 다음으로는 타입스크립트 컴파일러의 설정 파일이 필요합니다. 이름은 tsconfig.json으로 이 역시도 명령어를 통해 간단하게 생성할 수 있습니다. tsc --init 이 명령으로 실행된 json파일을 보면 여러 옵션들이 주석처리되어있어서 필요한 .. 2021. 12. 27.
[Typescript] 타입스크립트 1. 타입스크립트 Typescript 타입스크립트는 마이크로소프트에서 2012년도에 발표한 언어입니다. 이름에서 느껴지듯이 자바스크립트를 기반(자바스크립트는 자바기반이 아니지만요...)으로 정적 타입 문법을 더한 언어입니다. 그래서 자바스크립트 유저라면 간단하게 배울 수 있고 자바스크립트의 타입으로부터 오는 문제점들을 해결해주어서 갈수록 시장에서 한 자리씩 차지하고 있는 언어입니다. 앵귤러2 버전에선 정식으로 타입스크립트를 채택했고, React.js나 Vue.js에서도 타입스크립트를 사용하는 것을 심심치 않게 볼 수 있습니다. 저는 학부를 거쳐오며 C, C++, JAVA, Javascript, Python, Kotlin 등 다양한 언어를 접했는데 이 자바스크립트가 가진 유연함(변수 선언이나 구조 등의)에.. 2021. 12. 24.
300x250