IT/TypeScript
IT 및 일상을 공유합니다.
[TypeScript] 타입스크립트에서 함수 사용법을 알아보자
함수 타입스크립트로 3가지 방식으로 정의할 수 있습니다. 1. 함수의 매개변수(파라미터) 타입 2. 함수의 구조 타입 3. 함수의 반환 타입 함수 타입 선언 function sub(num1: number, num2 :number):number{ return num1 - num2 } sub(3,2) // 1 sub(1) // Too few parameters sub(3,2,1) // Too many parameters 함수의 매개 변수(파라미터)와 반환 값에 타입을 정의합니다. 반환 값에 타입은 지정하지 않으면 void로 사용할 수 있으며, 보통 return 되는 거에 따라 추론돼서 적용됩니다. 함수 매개변수 function sub(num1: number, num2 ?:number):number{ retu..
[TypeScript] Axios TypeScript 적용하여 사용해보자
화창하지만 황사로 인해 미세먼지 많은 날씨 다들 마스크 쓰며 열일하셨나요? 이번 포스팅에서는 Nuxt와 React에서 서버로 HTTP 통신을 위해 사용되는 Axios에 대해서 TypeScript 적용하여 인스턴스 생성 및 사용하는 방법을 설명해 볼까 합니다. 23.07월 기준으로 포스팅 내용이 수정되었습니다. Axios 설치하기 npm install axios@1.4.0 // 23.07월 기준 1.4.0 최신버전입니다. 만약에 Nuxt2에서 axios 1.4.0버전을 사용한다면 Es Module 에러가 나오는데 nuxt.config.js에 아래와 같이 추가해주면됩니다. // nuxt.config.js build: { transpile: [ 'axios' ], } Axios 인스턴스 타입 확인 node_m..
[TypeScript] 타입 스크립트 기본 타입에 대해서 알아보자
타입스크립트 기본 타입 타입스크립트의 기본 타입은 12가지 종류가 있습니다. : 를 이용하여 자바 스크립트 코드에 타입을 정의 합니다 String 변수의 타입이 문자열인 경우 아래와 같이 사용합니다. const str: string = 'hello'; Number 변수의 타입이 숫자이면 아래와 같이 사용합니다. const num: number = 100; Boolean | Object | Array | Tuple 해당 타입일 경우 아래와 같이 사용합니다. // Bolean const isShow: boolean = false // Object const data: object = { title: string } // Array const array: number[] = [10,20,30] // 제네릭 방..