typescript 4

[TypeScript] 타입스크립트 Enum, Interface 문법

Enum`enum`은 열거형을 정의하는 방법으로, 숫자나 문자열 등을 상수처럼 사용하고, 이를 코드에서 의미 있는 이름으로 사용할 수 있게 해주는 `TypeScript`의 기능입니다.기본 값을 사용하는 방법(숫자 값)`enum`을 정의할 때, 각 항목에 값을 지정하지 않으면 기본적으로 0부터 시작하는 숫자 값이 자동으로 할당됩니다.enum Size { S, // 0 M, // 1 L, // 2 XL, // 3}Size.S = 0Size.M = 1Size.L = 2Size.XL = 3값을 직접 지정하는 방법 (문자열 값)숫자 값 대신, `enum` 항목에 직접 값을 할당할 수도 있습니다.enum Size { S = 'S', M = 'M', L = 'L', XL = 'XL',} 이렇게 하면 숫자 0, 1, ..

[Weekly Paper] 타입스크립트 사용 이유와 동작 원리

1️⃣ JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유에 대해 설명해 주세요.`TypeScript`는 `JavaScript`의 상위 집합으로, `JavaScript`의 기능을 모두 포함하면서 추가적인 기능을 제공합니다. 이를 통해 `JavaScript`에서 발생할 수 있는 많은 문제를 해결하고, 대규모 애플리케이션 개발 시 많은 이점을 제공합니다. JavaScript vs TypeScript특징JavaScriptTypeScript타입 시스템동적 타입 언어정적 타입 언어실행 방식인터프리터 언어컴파일 언어독립성독립적으로 사용 가능JS로 컴파일된 후 실행(JS 의존적)유연성타입에 제한이 없음(더 유연)더 나은 구조, 간결함, 일관성, 재사용성파일 확장자.js.ts프로젝트 적합성작..

Weekly Paper 2024.11.11

[TypeScript] 타입스크립트 기본 문법

기본형종류타입문자열string숫자형number불린형booleanundefinedundefinednullnull배열과 튜플배열 타입은 타입 뒤에 `[]` 를 붙여서 정의할 수 있습니다. 만약 이차원 배열을 만들고 싶다면, 배열 타입뒤에 다시 `[]`를 붙이면 됩니다.튜플은 길이와 순서가 정해진 배열로, 대괄호 `[]` 안에 각 요소의 타입을 쉼표로 구분하여 명시합니다.// 배열const arr: string[] = [];arr.push('');arr.push('');// 배열의 배열(이차원 배열)const carts: string[][] = [ ['', ''], [''],];// 튜플let newArr: [number, string] = [27, '신휘철'];객체 타입중괄호 `{}` 안에 프로퍼티 이름..

[TypeScript] 타입스크립트 실행하기

Node.js 프로젝트 생성npm init프로젝트 초기화를 위해 위 명령어를 실행합니다. 필요한 정보를 입력한 후 `package.json` 파일이 생성됩니다.TypeScript 설치npm install --save-dev typescript정상적으로 설치가 되었다면 `package.json` 파일의 devDependencies 섹션에 typescript가 추가됩니다.TypeScript 설정 파일 생성npx tsc --init명령어를 통해 `tsconfig.json` 파일이 생성됩니다. 이 파일은 TypeScript 컴파일러의 설정을 관리합니다.TypeScript 코드를 JavaScript로 변환package.json 파일에 build 명령어를 추가합니다."scripts": { "build": "tsc..