반응형 Study/typescript4 [TypeScript] 타입스크립트 기본 유니온타입 인터섹션타입 (TS basic Union Type & Intersection Type) [TypeScript] 타입스크립트 기본 유니온 타입 인터섹션 타입 (TS basic Union Type & Intersection Type) 🌱 들어가기 전 유니온 타입이란? 유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입이다. 1. 유니온타입 정의 //변수에 유니온타입 선언 var foo: string | number | boolean; // string과 number, boolean 타입을 허용한다. //함수 인자에 유니온타입 선언 function unionFunc(value: string | number) { // string과 number 타입만 인자로 받을 수 있다. console.log(value); } unionFunc('he.. 2022. 12. 14. [TypeScript] 타입스크립트 기본 인터페이스(interface) [TypeScript] 타입스크립트 기본 인터페이스(interface) 🌱들어가기 전 타입스크립트 인터페이스(interface)란? 타입스크립트 인터페이스(interface)란 상호 간의 정의한 약속 혹은 규칙을 의미하는데, 쉽게 말하면 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 하는 것. 1. 인터페이스 선언 interface User { age: number; name: string; } //변수에 활용한 인터페이스 const heeming: User = { //인터페이스 User의 구조와 같은 객체 구조를 만들지 않으면 문법 오류가 뜸 age: 100, name: '히밍', } 1. 인터페이스 생성 시 interface 키워드를 이용하여 생성 2. inte.. 2022. 12. 13. [TypeScript] 타입스크립트 기본 자료형 타입 선언(TS basic data type) [TypeScript] 타입스크립트 기본 자료형 타입 선언(TS basic data type) 타입스크립트 기본 타입 설정 :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 한다. 1. 문자형(String) const str: string = 'hello'; //문자형 선언 2. 숫자형(Number) const num: number = 10; //숫자형 선언 3. 배열(Array) let arr1: Array = ['일','이','삼'] //문자 자료형 배열 선언(제네릭 방식) let arr2: Array = [1,2,4] //숫자 자료형 배열 선언(제네릭 방식) let numbers: number[] = [1,2,3] //숫자 자료형 배열 (리터럴 방.. 2022. 12. 10. [TypeScript] 타입스크립트 설치 명령어와 컴파일 명령어 [TypeScript] 타입스크립트 설치 명령어와 컴파일 명령어 타입스크립트 사용 이유? 타입스크립트는 자바스크립트 기반으로 한 번 컴파일해주는 언어이다. 공식문서에 따르면 타입스크립트는 Type을 추가함으로서 코드가 올바르게 작동하는지 확인할 수 있다. 라고 말하듯이 타입스크립트를 사용하므로서 에러를 사전에 방지하고 VScode 편집기 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 친화적이기 때문이다. 1. 타입스크립트 설치 방법 1-1. 노드 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 노드.js 공식 홈페이지로 이동하여 안정적.. 2022. 12. 9. 이전 1 다음 반응형
