한 걸음씩

타입스크립트와 자바스크립트는 서로 다른 프로그래밍 언어이다. 그러나 타입스크립트는 자바스크립트를 기반으로 한 슈퍼셋(seperset) 언어로서 개발되었다. 이 말은 타입스크립트는 자바스크립트의 모든 기능을 포함하면서도 추가적인 기능과 개선된 타입 시스템을 제공한다는 것을 의미한다. Plus함수의 매개변수에 타입이 정의되어 있지 않다. 타입스크립트는 정적 타입 검사를 수행하기 때문에 함수의 매개변수와 반환값에 대한 타입을 명시적으로 지정해주어야 한다. 그래야만 컴파일러가 올바른 타입을 검사하고 잘못된 사용을 방지할 수 있다. const plus = (a:number, b: number): number => a + b로 수정해야 올바른 코드가 된다. 구글 크롬과 같은 모던 브라우저는 자바스크립트 엔진을 통해..

⚠️ create-react-app, next.js, nest.js 같은 프레임워크를 쓴다면 아래와 같은 과정이 필요 없지만 알아둘 것 1. 타입스크립트 프로젝트를 위한 폴더를 생성 후 vs code에서 오픈 mkdir 폴더명 2. 터미널에서 명령어 입력: npm init -y // package.json // 명령어 입력시 아래와 같은 코드가 생성됨 // 기본 코드에서 main 제거, script를 수정한 상태 { "name": "typechain", "version": "1.0.0", "description": "", "scripts": { }, "keywords": [], "author": "", "license": "ISC" } 3. 터미널에서 명령어 입력: npm i -D typescript /..

▶ Polymorphism 한 가지 타입이 다양한 형태로 동작할 수 있는 능력 → 코드의 재사용성과 유연성을 높이는 데 도움 오버로딩(Overloading): 같은 이름의 함수나 메서드를 다른 매개변수 조합으로 여러 번 정의하는 것을 의미. 함수가 다양한 데이터 타입을 처리할 수 있도록 도움 제네릭(Generics): 타입을 일반화하여 여러 다른 데이터 타입에 대해 동작하도록 하는 기능. 클래스, 함수, 인터페이스에서 사용할 수 있으며, 컴파일 시점에 타입을 확정하여 안정적인 코드를 작성할 수 있다 상속(Inheritance): 클래스 간의 계층 구조를 만들어 상위 클래스의 속성과 메서드를 하위 클래스에서 상속받아 사용하는 것. 하위 클래스는 상위 클래스의 동작을 그대로 가져다 쓸 수 있다 인터페이스(I..

2023.08.03 - [TypeScript] - [TypeScript] Class, Interface Q. 타입스크립트의 클래스를 이용하여 Dict (딕셔너리. dictionary) 클래스를 만드세요. Dict 클래스는 아래와 같은 메서드들을 갖고 있어야 합니다. add, get, delete, update, showAll, count, upsert, exists, bulkAdd, bulkDelete interface wordDefinition{ term: string definition: string } class Dict{ constructor( private words: wordDefinition[] ){} // add: 단어를 추가함. add(term: string, definition: str..

2023.08.03 - [TypeScript] - [TypeScript] Functions Q. last(arr): 이 함수는 배열의 마지막 요소를 반환해야 합니다. function last(arr: T[]): T{ // 함수는 제네릭 타입이다 return arr[arr.length - 1] } Q. prepend(arr, item): 이 함수는 배열의 시작 부분에 item을 넣고 return 해야 합니다. function prepend(arr: T[], item: T): T[]{ // 함수는 제네릭 타입이고 배열이다 arr.unshift(item) return arr } Q. mix(arr,arr) : 두 개의 배열을 매개변수로 받아, 매개변수로 받은 두 배열을 하나의 배열로 섞어서 하나의 배열로 반환..