프로그래밍 잡동사니

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

TypeScript 프로젝트를 설정하고 블록체인 PoC(개념증명)를 객체지향으로 구현해보자! * CRA나 Next.js의 타입스크립트 템플릿 등을 사용한다면 직접 설정하는 경우는 많지 않다 Targets npm init -y 터미널에 위 명령어를 입력해 새로운 package.json 파일을 기본값으로 생성한다 npm install -D typescript 터미널에 위 명령어를 입력해 devDependencies에 typescript를 설치해준다 [package.json] { "name": "typechain", "version": "1.0.0", "description": "", "scripts": { "build": "tsc" }, "keywords": [], "author": "", "license"..

Classes TypeScript는 JavaScript 객체 지향 프로그래밍(OOP)을 위한 다양한 기능을 지원한다 class Player { constructor( private firstName: string, private lastName: string, public nickName: string ) {} } 이렇게 TS에서 클래스의 private/public 속성(property), 타입을 정의하는 것 만으로.. class Player { constructor(firstName, lastName, nickName) { this.firstName = firstName; this.lastName = lastName; this.nickName = nickName; } } JS 상에서 클래스의 prope..

Call Signatures type Add = { (a: number, b: number): number; } // type Add = (a: number, b: number) => number; const add: Add = (a, b) => a + b Call(=Function) Signature란 함수의 매개변수와 반환 값의 타입을 모두 type으로 미리 선언하는 것이다 * React에서 함수로 props를 보낼 때, 어떻게 작동할지 미리 설계 가능! Overloading Function(=Method) Overloading은 직접 작성하기보다 외부 패키지/라이브러리에 자주 보이는 형태로, 하나의 함수가 복수의 Call Signature를 가질 때 발생한다 type Add = { (a: numbe..

How TypeScript Works TypeScript가 제공하는 보호장치는 JavaScript로 변환되기 전에 작동한다! TypeScript Playground에서 전에 수행했던 코드들을 테스트해보자 TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org 이처럼 직접 타입을 명시하는 것이 Implicit Types, 할당된 값으로 타입 추론(Type Inference)하는 것이 Explicit Types인데, 타입 추론이 가능하..

Why TypeScript? 타입 안전성(Type Safety)으로 버그 및 런타임 에러 감소 + 개발자 경험 및 생산성이 증가한다 TypeScript 4.6 버전 (2022.02.28 업데이트) 기준으로 전체적인 개념을 정리해보자! * Node.js 17.3 버전 이상, TS 자동완성 및 커스터마이징에 최적화된 VS Code 사용 권장 Why not JavaScript JavaScript는 개발자를 최대한 이해하고 오류를 내지 않으려 한다 TypeScript는 위와 같은 문제들을 코드를 실행하기 전에 체크하고 풍부한 피드백을 제공한다! 본 내용은 노마드코더의 'Typescript로 블록체인 만들기'를 바탕으로 작성되었습니다.

TypeScript는 JavaScript(Dynamic typing)의 상위호환 프로그래밍 언어로 정적 타입을 명시할 수 있다 확장자로 .ts를 사용하며 컴파일을 통해 최종적으로는 .js 파일로 구동된다 타입 선언 기능으로 인해 다음과 같은 장점이 있다 JavaScript의 타입 관련 에러들을 미리 방지한다 에러메시지가 구체적이며 풍부한 피드백을 제공한다 개발자가 의도한 변수나 함수의 목적을 명확하게 전달할 수 있다 Setting 1. 터미널에서 typescript 설치 (에러가 발생한다면 node를 최신 버전으로 설치해주자) npm install -g typescript 2. 최상단에 tsconfig.json 파일을 생성해 다음과 같이 넣어주자 { "compilerOptions": { "target":..