유혁스쿨

FrontEnd에서 Domain 성격의 State를 Model(DTO) 클래스로 관리하기 JavaScript에서 Runtime시에만 발생되는 오류에 대한 해결책으로 Compile시점에 오류를 미리 잡을 수 있도록 TypeScript 문법이 탄생했다. FrontEnd 뷰 템플릿을 사용하며 여러 의문이 들었다. FrontEnd  Framework인 VueJS나 ReactJS Library 에서는 왜 DTO를 따로 쓰지 않는것일까? TypeScript 뿐만 아니라 제대로 관리하려면 자바스크립트에서 최신으로 지원하는 클래스 문법도 사용해야 하는것 아닐까?자바스크립트에서 신버전에 클래스 문법을 괜히 추가해서 제공해주는것이 아닐텐데? 진짜 제대로 관리할거면, 타입스크립트 타입 뿐만 아니라 도메인 성격을 띄우는 Ob..

Declaration 파일은 타입이 정의되지 않은 JS 모듈을 불러올때, 에러를 방지하기 위해 해당 파일의 모양을 설명해주는 파일이다. 프로젝트 진행중 많은 라이브러리를 사용하게 되고, 대부분이 자바스크립트로 만들어져있다. 타입스크립트 프로젝트라면 설치되는 JS라이브러리(모듈) 파일을 읽을 수 없다. JS에는 타입이 정의되지 않으므로 컴파일 에러가 발생한다. 이를 방지하고자 많은 JS라이브러리 대부분은 .d.ts라와 같은 확장자의 Declation파일이 존재한다. 해당 파일은 TypsScript에게 자신이 속한 JS 모듈파일을 설명함으로써 에러가 나지않고 동작된다. [myPackage.d.ts] 정의 파일 추가 /** * 타입스크립트에게 타입을 설명하기위한 정의 파일 */ interface Config ..

[node.js 프로젝트로 디렉토리 초기화] npm init -y (package.json파일이 추가된다.) [package.json 수정] { "name": "ts-blockchain-app", "version": "1.0.0", "description": "타입스크립트로 블록체인 만들기\r * 타입스크립트 기본 학습", // "main": "index.js", "scripts": { // "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "git+https://github.com/YooHyeok/ts-blockchain-app.git" }, "keywords": [], "author..