...블록체인 지갑생성 코드를 분석하던 중, 변수와 함수에 타입이 명시적으로 지정되어 있음을 발견했다 특히, 'account' 변수와 'getWalletPrivateKe' 함수에 각각 타입이 "따로 따로" 지정되어 있어서 이유가 무엇인지 궁금했다 이에 대한 조사를 통해 타입어노테이션(Type Annotation)이라는 TypeScript 핵심 개념을 알게 되었고, 이를 깊게 이해하고자 이 글을 작성하기로 결정했다 // 특정 지갑 주소의 개인키를 반환하는 정적 메서드를 정의 static getWalletPrivateKey(account: string): string { const filename = path.join(dir, account); const filecontent = fs.readFileSync(fi..
전략 패턴은 알고리즘의 정의와 사용을 분리하여, 알고리즘을 쉽게 교체하거나 확장할 수 있게 하는 디자인 패턴이다 TypeScript 를 활용하여 전략 패턴을 이용한 사용자 인증 로직을 구현해 보았다 1. 🖥️ Authents.ts 사용자의 인증 요청을 처리하는 로직을 담당 // 로그인 가입 관련된 작업 // 카카오, 네이버, 구글 import { Strategy } from "./auth"; // 사용자의 이메일과 비밀번호를 나타냄 export interface AuthProps { email: string; password: string; } // 인증, 응답을 나타내는 인터페이스 interface AuthenticatonResponse { success: boolean; // 옵션체이닝 사용 : me..
객체 지향 프로그래밍의 핵심 중 하나인 전략 패턴은 알고리즘의 군집을 정의하고, 각각을 캡슐화하여 교환해서 사용할 수 있도록 만드는 디자인 패턴이다 TypeScript 를 사용하면 타입 안전성을 확보하며 전략 패턴을 구현할 수 있다 이를 통해 유지보수성과 확장성을 높일 수 있다 1. 기본 할인 로직 ⌨️ 초기에 구현한 할인 로직은 아래와 같다 상품에 대한 기본 정보와 할인 금액을 설정 class Product { // private : 접근 불가 키워드 / 다른곳에서 직접 참조가 안되는 값 private name: string; private price: number; private discountAmount: number; // 생성자 함수 constructor(name: string, price: n..
TypeScript 는 정적 타이핑의 장점을 활용하여 더 강력한 객체 모델링을 가능하게 한다 특히 인터페이스와 제네릭은 이러한 모델링의 핵심 요소이다 1. 인터페이스를 활용한 객체 정의 인터페이스는 객체의 구조를 정의하는데 사용된다 이를 통해 해당 객체가 가져야 할 필수 속성과 그 타입을 지정할 수 있다 interface User { id: number; name: string; age?: number; // 선택적 속성 } 2. 제네릭과 인터페이스의 조합 제네릭이란 ? 타입스크립트와 같은 정적 타입 시스템을 가진 언어에서 자주 발견되는 기능 코드를 작성할 때 타입을 일반화하여 재사용 가능하도록 만들어준다 이를 통해 동일한 로직을 다양한 타입에 적용할 수 있게 해주며, 런타임 시에 타입 안전성을 유지해준..
TypeScript 에서 배열을 다룰 때는 JavaScipt 와 유사한 방식을 사용하지만, 타입 안전성을 확보하기 위한 추가적인 기능이 있다 1. 기본 배열 타입 TypeScipt 에서 배열의 요소들이 특정 타입을 가져야 함을 지정할 수 있다 let fruits: string[] = ['apple', 'banana', 'cherry']; 2. 제네릭 배열 타입 'Array ' 형식을 사용하여 배열을 정의할 수 있다 let numbers: Array = [1, 2, 3, 4, 5]; 3. 튜플 배열의 각 위치에 대해 다른 타입을 지정할 수 있게 하는 데이터 구조 let tuple: [string, number] = ['apple', 5]; 4. 배열 메서드와 타입 안전성 TypeScript 는 배열 메서드..
🖥️ TypeScript 의 변수 타입 지정 ⌨️ JavaScript vs TypeScript 변수 선언 JavaScript : const msg = "javascript"; - 변수명 = 초기값 // javascript let numm = 20; const str = "javascript"; const nan = NaN; const infinity = Infinity; const bool = true; const nullValue = null; const undefinedValue = undefined; const obj = {}; const arr = []; const fn = (a: any) => { console.log(a); }; const sum = (a: any, b: any) => { re..
