목록Study/TypeScript (19)
Jieunny의 블로그
📣 배열 이해하기 ✔️ 배열은 Array 클래스의 인스턴스 ✔️ 배열에 담긴 각각의 값을 아이템 또는 원소 라고 부른다. ✔️ 배열은 Array 클래스의 인스턴스이며, 인스턴스는 객체이므로 배열은 '객체' 이다. let array = new Array(2) 📍 [] 단축 구문 let numbers = [1, 2, 3] let strings = ['hello', 'world'] ➰ [] 라는 단축 구문을 사용해서 배열을 생성할 수 있다. 📍 배열의 타입 ➰ 타입스크립트에서 배열의 타입은 '아이템 타입[]' 이다. let numArray: number[] = [1, 2, 3] let strArray: string[] = ['hello', 'world'] type IPerson = {name: string, ..
📣 함수 선언문 📍 함수 선언문 ➰ 매개변수, 함수 반환값에 타입 주석을 붙이는 형태 ➰ 변수 때와는 달리 함수의 매개변수 타입과 반환 타입을 생략하는 것은 좋지 않다! function add(a: number, b: number): number { return a + b } ➕ 매개변수와 인자, 인수 더보기 ✔️ 매개변수(paramater) ➰ 함수 선언문에서 함수 이름 뒤 괄호 안에 선언하는 변수 ✔️ 인수 or 인자(argument) ➰ 함수를 호출할 때 전달하는 값 📍 void 타입 ➰ 값을 반환하지 않는 함수는 반환 타입이 void이다. function printMe(name: string, age: number): void { console.log(...) } 📍 함수 시그니처 ➰ 함수의 타입..
📣 타입스크립트 변수 선언문 📍 let 과 const 키워드 let name = 'jieun' ➰ 값이 수시로 변경될 수 있다. const name = 'jieun' ➰ 변수값이 절대 변하지 않는다. 📍 타입 주석 let name: string = 'jieun' let b: boolean = true n = 'a' // 에러 b = false ➰ let으로 선언한 변숫값은 타입 주석으로 명시한 타입에 해당하는 값으로만 바꿀 수 있다. 📍 타입 추론 ➰ 대입 연산자('=') 오른쪽 값에 따라 변수의 타입을 지정하는 것 let n = 1// n의 타입을 number로 판단 let b = true// b의 타입을 boolean으로 판단 📍 any 타입 ➰ 값의 타입과 무관하게 어떤 종류의 값도 저장할 수 있다..
1️⃣ 파일 생성하기 & 패키지 설치 mkdir ch02-1 cd ch02-1 npm init --y// package.json 파일 생성 ✔️ package.json파일 ➰ 노드제이에스가 관리하는 패키지 관리 파일 ➰ 프로젝트 정보와 관련 패키지가 기록된다. ➰ npm install 또는 npm i 로 패키지를 설치할 수 있다. npm -D typescript ts-node // ts-node : 자바스크립트 코드로 변환하고 실행까지 동시에 하는 프로그램 ➰ -S : 프로젝트를 실행할 때 필요한 패키지를 설치, package.json 파일의 'dependencies' 에 등록된다. ➰ -D : 프로젝트를 개발할 때만 필요한 패키지를 설치, package.json파일의 'devDependencies' 에..
📣 Module ✔️ 모듈은 전역 변수과 구분되는 자체 유효 범위를 가지며 export, import와 같은 키워드 없이는 다른 파일에서 접근할 수 없다. 📣 Export, Import ✔️ ES6의 export와 같은 방식으로 변수, 함수, 타입, 인터페이스 등에 붙여 사용한다. ➕ JS ES6 문법 더보기 ➰ 2015년에 출시된 ECMAScript, 자바스크립트의 표준 ➰ let, const 키워드 추가 ➰ 템플릿 리터럴, 객체 리터럴, 화살표 함수 등이 추가 된 문법 // math.ts export interface Triangle { width: number; height: number; } // index.ts import { Triangle } from './math.ts'; class Som..
✏️ 목차 더보기 ﹒원시 타입 ﹒Array ﹒Tuple ﹒Enum ﹒Any ﹒Void ﹒Never ﹒함수 ﹒객체 ﹒유니언 타입 ﹒인터페이스 ﹒제네릭 ﹒타입 추론 ﹒타입 호환 ﹒타입 별칭 📣 TS에서 타입 표현하기 ✔️ ':'를 이용하여 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation) 이라고 한다. ➰ 타입 표기는 필수가 아닌 선택 사항, 가능하면 적게! 사용해라. ➰ 대부분의 경우 타입 표기는 필요하지 않다. // 타입 표기가 필요하지 않다. -> string 타입으로 추론된다. let myName = 'Alice'; 📍 원시타입 ✔️ string, number, boolean let str: string = "hi"; let num: number = 10; let isLogged..