석이의 개발일지

TypeScript 설치 npm i -D typescript package.json 초기화 npm init -y tsconfig.json설정 디렉터리에 tsconfig.json 파일이 있으면 해당 디렉터리가 TypeScript 프로젝트의 루트임을 나타낸다. tsconfig.json 파일은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정한다. { "include": ["src"], "compilerOptions": { "outDir": "build", "target": "ES6", "lib": ["ES6", "DOM"], "strict": true, // "allowJs": true "esModuleInterop" : true } } include include 배열에는 자바스크립트로 컴..

Classes 추상(abstract) 클래스, 추상 클래스는 오직 다른 클래스가 상속받을 수 있는 클래스이다. 공통적인 동작을 정의하기 위해 사용되는 기술입니다. 하지만 직접 새로운 인스턴스를 만들 수는 없다. abstract class User{ constructor( private firstname:string, private lastname:string, public nickname:string ){ abstract getNickname():void } } class Player extends User{ // 추상 메서드는 추상 클래스를 상속받는 클래스들이 반드시 구현(implement)해야하는 메서드이다. getNickname(){ console.log(this.nickname) } } 구분 선언..

Call Signatures 프로퍼티로 호출 가능한 것을 설명하려면 객체 타입에 Call Signature을 작성할 수 있다. Call Signatures는 다음과 같이 함수의 매개 변수(parameter)와 반환 타입을 지정한다. Call(=Function) Signature 란 함수의 매개 변수와 반환 값의 타입을 모두 type으로 미리 선언하는 것 React에서 함수로 props를 보낼 때, 어떻게 작동할지 미리 설계 가능하다. type PizzaFunction = { pizza: string; (args: number): boolean; }; function hello(fn: PizzaFunction) { console.log(fn.pizza, fn(6)); } type Add = { (a: nu..

TypeScript 란? JavaScript에 추가적인 구문을 추가하여 editor와의 단단한 통합을 지원합니다. editor에서 초기에 오류를 잡을 수 있습니다. TypeScript 코드는 JavaScript가 실행되는 모든 곳(브라우저, Node.js 또는 Deno 및 앱 등)에서 JavaScript로 변환될 수 있습니다. TypeScript는 JavaScript를 이해하고 타입 추론(type inference)을 사용하여 추가 코드 없이도 훌륭한 도구를 제공합니다. Type 시스템 명시적 정의(변수 선언 시 타입 정의) let a: boolean = "x" // → 🚫 boolean 타입에 string타입 할당 불가 알림 // └ 변수만 생성(타입 추론) let b = "hello" // → b가 ..