TypeScript 6

[TypeScript] generic(제네릭)

generic(제네릭)재사용 가능한 컴포넌트(코드 단위)를 만드는데 사용해당 컴포넌트가 처리할 데이터 타입을 미리 지정하지 않고, 해당 컴포넌트를 사용하는 시점에서 원하는 데이터 타입 지제네릭 필요성코드의 중복을 줄임재사용 가능한 컴포넌트를 생성타입 안정성 보장 → '컴파일' 시점에서 타입을 체크 ('런타임' 환경에서 발생할 수 있는 에러를 방지)제네릭 기본 문법사용할 컴포넌트(변수, 함수, 클래스 등)의 이름 뒤에 꺽쇠괄호() 안에 타입 변수를 지정함수나 클래스 등을 사용할 때 활용할 타입을 명시더보기더보기function generic(arg: T): T { // 함수 정의 시 타입 변수 지정 // 타입 변수 T (단일 타입 변수) return arg;}generic('안녕하세요'); // 함수 호..

TypeScript 2024.08.23

[TypeScript] 인터페이스

인터페이스(interface)객체 구조를 정의하는 타입스크립트의 정의함수 타입 정의도 가능 → 객체가 어떤 프로퍼티와 메서드를 가져야 하는지 명시컴파일 시점에 타입 체킹을 위해 사용되는 개념 → 다양한 구현체에 동일한 인터페이스를 적용해서 일관성과 재사용성 제공인터페이스 구현 방법interface 키워드를 사용하여 명시(인터페이스명은 대문자로 시작)더보기interface IUser { // 객체의 속성 타입을 명시 name?: string; readonly age: number; // 객체의 메서드 타입을 명시 // 메서드명(매개변수: 타입): 반환타입; // >> 객체의 메서드(함수)의 경우 function 키워드 사용 x greet(): void;}let userA: IUser = { ..

TypeScript 2024.08.20

[TypeScript] 타입

타입(Type)타입 명시(작성)가 필수 사항 X → 프로그램의 안정성과 가독성을 높이는 역할 타입 명시 방법타입 어노테이션 (type annotation - 타입 주석)변수명 뒤에 콜론을 사용하여 JS 코드에 타입을 정의 타입스크립트 타입의 종류 1. 기본 타입(원시 타입 - string, number, boolean 등)변수명 뒤에 콜론 사용typeof 연산자 사용 시 나타내는 변환값과 동일한 이름으로 명시 (소문자)더보기더보기let name: string = '홍동현';// 권장) 변수명: 타입명 = 값;let age: number = 50;let isStudent:boolean = false;2. 배열(list, array) 타입순서가 있는 요소의 모을을 나타내는 자료 구조변수명 뒤에 콜론 사용 →..

TypeScript 2024.08.19

[TypeScript] 기본 문법

기본 구조와 문법 ts는 파일 단위의 스코프가 생성되지 않는다. → 프로젝트 전체 범위의 스코프가 전역 스코프이다. 스코프 생성 방법1. 중괄호 사용법{ }를 사용하여 직관적인 스코프를 생성더보기{ let num = 10;}{ let num = 5;}2. export 키워드 사용법export 키워드를 사용하는 경우 ts 파일이 자동 모듈로 인식외부의 전역 스코프와 충돌 방지 가능더보기export const tmp = '';let num = 10;console.log(num);

TypeScript 2024.08.19

[TypeScript] 환경설정

타입스크립트 환경 설정 1. Node.js 설치: JavaScript의 '런타임(JS의 프로그램들을 실행할 수 있는 환경)' 환경 - TS는 JS의 슈퍼셋이기 때문에 'Node.js'환경에서 동작 Node.js 설치 전 삭제 - 윈도우(Windows)   : 윈도우 키 > 프로그램 추가/제거 > Node.js 검색 후 삭제   : 아래 경로에 해당하는 디렉터리 삭제     윈도우 키 > 파일 탐색기     C:\Program Files\Nodejs     C:\Program Files (x86)\Nodejs     C:\사용자\User\AppData\Roaming\npm     C:\Users\User\AppData\Roaming\npm     C:\사용자\ITPS\AppData\Roaming\npm  ..

TypeScript 2024.08.19

[TypeScript] 타입스크립트

타입스크립트(TypeScript)자바스크립트(JavaScript)를 기반으로 하는 오픈 소스 프로그래밍 언어 (Microsoft에서 개발과 유지를 담당)JS의 상위 집합인 언어(확장, subset) →타입스크립트가 자바스크립트의 모든 기능을 포함하고 있으며, 그 위에 추가적인 기능을 더하고 있다는 것을 의미타입스크립트의 필요성에러의 사전 방지자바스크립트는 동적 타입 언어, 변수의 타입이 실행 시점에 결정(런타임)코드 가이드 및 자동 완성(개발 생산성 향상) 정적 타입(TS) VS 동적 타입(JS) 1. 동적 타입(JS)실행 시점 타입 결정변수의 타입이 코드가 실행될 때 결정, 유연한 타입 변환을 지원2. 정적 타입(TS)컴파일 시점 타입 결정코드 작성 단계에서 변수의 타입을 명시해야 함, 타입 오류가 있..

TypeScript 2024.08.19