반응형 typescript8 🦶 타입스크립트 인터페이스 📱 인터페이스타입스크립트는 일단 값의 형태에 초점을 맞추고 있다.이러한 것을 덕 타이핑이라고 한다. 인터페이스는 값의 형태에 대한 이름을 짓는 역할을 한다 💽 인터페이스 선언 및 사용// 인터페이스 선언 값의 형태에 이름을 지음// MusicInfo가 인터페이스이고 musicId,musidName,artist의 형태를 가지고 있다.interface MusicInfo { musicId: string; musidName: string; artist: string;}//playMusic라는 함수는 param을 인자로 받고 param의 값 형태는 MusicInfo는 musicId,musidName,artist를 받을 수 있다function playMusic(param: MusicInfo) { con.. 2025. 1. 12. 🧆 타입스크립트 기본 타입 🦴 타입스크립트 기본타입타입스크립트에는 기본타입들이 존재하며, 기본타입은 아래와 같다stringnumberbooleanobjectarraytupleenumnullundefinedanyneverunknown string// 문자열let str: string = "string"; number// 숫자let num: number = 123;booleanlet bool: boolean = false; object//objectlet obj: object = { a: 1 }; Array//array : 제네릭 형태로 선언도 가능하다let numarray: number[] = [1, 2, 3];let numarray2: Array = [1, 2, 3]; tuple고정된 배열에서 각각의 요소들의 타입을 지정이 가.. 2025. 1. 3. 🧁 인터페이스 🫘 인터페이스란컴퓨터세상에서의 인터페이스는 상호간의 규칙이며, 타입스크립트에서는 여러가지 타입으로 이루어진 새로운 타입.여러가지의 프로퍼티와 메소드들로 이루어질수 있음. 클래스와 차이는 인스턴스를 새로 생성하지 않음 ☕️ 인터페이스 생성name과 age를 가진 PersonInterface를 생성한다person2를 가지는 함수는 PersonInterface타입만 받을 수 있다.그리하여 personObject는 name,age를 가진 객체를 person2함수의 매개변수로 넣어주었다.이러한 방식으로 객체의 타입을 추론할 수 있다.// 인터페이스 생성interface PersonInterface{ name:string, age:number}function person2(person:PersonIn.. 2024. 11. 17. 🔒 typescript 세팅 📏 typescript 설치global보다는 local에 설치를 선호하기 때문에 local에 아래 명령어를 통해 등록한다.npm install typescript --save-dev 📍 tsconfig.json 생성tsconfig을 통해 ts=>js이 가능하며, tsconfig.json을 생성하여야 한다package.json을 통해 명령어를 등록하고, 명령어를 실행한다npm run tsc-init 🖍 tsconfig.json 설정//tsconfig.json{ "compilerOptions": { "target": "es6", //타겟 문법 es6는 대부분의 브라우저에서 제공 "module": "commonjs", // 모듈 시스템이며 require으로 불러오고, module.e.. 2024. 11. 3. 이전 1 2 다음 반응형