TypeScript : 상속 | 서브타입과 슈퍼타입 | upcasting과 downcasting

1. 상속 - 기존 클랙스의 속성과 메서드를 물려받아 새로운 클래스의 정의 가능 - extends 키워드 사용 class Animal { name: string; constructor(name: string) { this.name = name; } makeSound() { console.log('동물 소리~'); } } class Dog extends Animal { age: number; constructor(name: string) { super(name); this.age = 5; } makeSound() { console.log('멍멍!'); // 부모의 makeSound 동작과 달라요! } eat() { // Dog 클래스만의 새로운 함수 정의 console.log('강아지가 사료를 먹습니다.'..

• format_list_bulleted TypeScript
• · 2023. 12. 13.
• textsms

TypeScript : 클래스 (public, private, protected)

1.객체 지향 프로그래밍을 구성하는데 핵심 = 클래스 2. 속성 : 객체의 성질 결정 (팥붕 /슈붕) 3. 메서드 : 객체의 성질을 변화 + 객체에서 제공하는 기능들을 사용하는 창구 - 붕어빵 주인 = 팥붕 -> 슈붕으로 변경 - 붕어빵 고객 = 팥붕의 가격이 3개의 1천원, 슈붕 2개의 1천원임을 알 수 있음 4. 객체 = 클래스의 인스턴스 (1) 클래스 정의 - class 키워드 사용 - new 키워드 : 객체 생성 가능 - constructor 키워드 : 생성자 ( 클래스 인스턴스 생성 & 초기화) => 인스턴스 생성 시 자동 호출 + 오직 1개만 존재 + 초기값을 지정하는 코드임 => DB 연결을 미리 가능 class Person { name: string; age: number; construc..

• format_list_bulleted TypeScript
• · 2023. 12. 13.
• textsms

TypeScript : 카페 프로그램 구현

1.프로그램 세팅 (1) 터미널(cmd) 실행 : npm init -y : tsc --init --rootDir ./src --outDir ./dist --esModuleInterop --module commonjs --strict true --allowJS true --checkJS true (2) package.json 수정 : script 항목 "scripts": { "start": "tsc && node ./dist/index.js", "build": "tsc --build", "clean": "tsc --build --clean" }, (3) src 폴더 생성 > index.ts파일 생성 2. 인터페이스 & 데이터 정의 (index.ts) (1) 유저 인터페이스 - 유저는 어드민 또는 고객 in..

• format_list_bulleted TypeScript
• · 2023. 12. 13.
• textsms

TypeScript : 컴파일러 | tsc | tsconfig json 옵션

1. 컴파일러 (0) 프로그래밍 언어로 작성된 소스 코드 => 다른 프로그래밍 언어로 변 (1) 특정 프로그래밍 언어가 정적언어로서 정체성을 유지 가능한 도구 (2) 타입 검사 해줌 (3) 코드 변환 가능 (4) 최적화 2. tsc (1) 타입스크립트 컴파일러 (2) js 코드로 변환시킴 (3) 명령어 - tsc --init : tsconfig.json 생성 명령어 - tsc index.ts : index.ts를 컴파일 - tsc src/*.ts : src 디렉토리안에 있는 모든 ts 파일 컴파일 - tsc index.js --declaration --emitDeclarationOnly : @types 패키지를 위한 .d.ts 파일 생성 명령 [참고] Documentation - tsc CLI Optio..

• format_list_bulleted TypeScript
• · 2023. 12. 12.
• textsms