Mong dev blog

1. 리터럴 타입으로 추론된다고? 타입스크립트는 타입을 명시적으로 지정하는 방법과 암시적으로 지정하는 방법이 있다. 명시적인 타입 지정은, 선언된 타입으로 변수 타입을 지정하는 방법이다. // 선언된 타입 type AnimalType = "cat" | "dog"; // 선언된 타입으로 지정 const animal:AnimalType = "cat"; 암시적 타입 지정은 타입을 지정하지 않아도, 선언시 초기화를 하면 초기값으로 타입을 추론하는 걸 말한다. 아래와 같이 animal 변수를 문자열(“cat”)로 초기화하자, 타입이 string으로 추론 되었다. 그런데 만약 animal 변수가 상수라면, 타입이 무엇으로 추론될까? 신기하게도 string이 아닌, 값(”cat”)을 타입으로 추론한다! 🤔 왜 con..

이번에는 타입스크립트의 union과 intersection타입에 대해 알아본다. 1. 유니온 타입(union type) 2) 유니온 타입이란? (1) any타입의 경우 우리가 함수의 파라미터 타입을 선언한다면 타입 체크가 가능하다. 아래 예시는 string타입의 파라미터를 console에 출력하는 함수이다. function logMessage(value:string) { console.log(value); } logMessage('adsda'); 이 함수에 올바른 타입의 파라미터를 넘기면 함수는 문제없이 작동된다. logMessage('adsda'); 하지만, 만약 string 타입을 받는 파라미터에 number타입의 파라미터를 넘기면 에러가 발생한다. logMessage(1..

타입스크립트에서는 인터페이스, 타입 별칭을 사용해 별도의 타입을 만들 수 있다. 이렇게 생성한 타입을 가지고 우리는 구체적인 인자 선언을 할 수 있는데, 그렇다면 인터페이스와 타입 별칭 방식의 차이는 무엇일까? 한 번 알아보자 1. 인터페이스 방식 1) 인터페이스란? 인터페이스란, 어떤 객체가 어떠한 속성이나 메소드를 가짐을 선언하는 걸 말한다. 객체의 형상(객체의 속성과 그 타입은 무엇인지 등)을 정의할 수 있다. 타입스크립트에서는 이 인터페이스 방식을 통해, 인자나 함수의 구체직인 타입 체크가 할 수 있다. (1) 인터페이스 예시 아래 예시는 Person이라는 인터페이스를 만든 것이다. Person은 age, name 속성을 가지며, 각각 number, string 타입을 가진다. interface ..

타입스크립트에서 함수의 타입은 어떤 방식으로 선언되는지, 그리고 파라미터들의 특성에 대해서도 알아보자 :) 함수 1) 타입 선언 타입스크립트 함수에서는 총 3가지 타입을 정의할 수 있다. 매개변수 타입 반환값 타입 구조 타입 이 중, 매개변수와 반환값 타입 선언에 대해 알아보자 (1) 매개변수 타입 설정 js의 경우 타입을 선언하지 않고 함수를 정의한다. //js function sum1(a, b) { return a + b; } 하지만 타입스크립트의 경우 매개변수:타입 형태로 타입을 선언한다. //ts function sum2(a:number, b:number) { return a+ b; } 매개변수에서 spread 문법을 사용할 수도 있는데 방법은 아래와 같다. //ts function firstEl..

타입스크립트는 자바스크립처럼 여러 타입을 가진다. 오늘은 여러 타입 중 string, number, array, tuple에 대해 알아본다. 1. 기본 타입 (1) string 문자 데이터의 타입을 말한다. 큰 따옴표(""), 작은 따옴표('')을 사용한다. // js 문자열 선언 const str1 = 'hello'; //ts 문자열 선언 const str2:string = 'hello'; (2) number 숫자 데이터 타입을 말한다. js와 마찬가지로 16, 10진수, 8진수 등을 지원한다. // js 숫자 const num1 = 1; // ts 숫자 const num2: number = 1; (3) array array(배열)은 하나의 변수(배열)에 여러..

타입 스크립트는 자바스크립트에 타입이 적용된 언어이며, 자바스크립트와 달리 컴파일을 거쳐야 사용가능하다. 이러한 타입스크립트를 사용하면 자바스크립트에서 직면하던 오류를 미연에 방지할 수 있다 :) 1. 타입스크립트란? js에 타입을 부여한 언어이다. 자바스크립트의 확장된 언어이다. ts는 브라우저에서 실행하기 위해 파일을 변환(컴파일)해 줘야 한다. 2. 타입스크립을 왜 써야할까? 1) 자바스크립트에서는... js의 경우, 유효치 않은 값을 불러오면 undefined가 뜨게 되는데, 이게 문제를 발생시킨다. function getData() { const user = { address: "Kulas Light", company: { name: "Romaguera-Crona" }, id: 1, name: ..