반응형 분류 전체보기130 제네릭 화살표함수 화살표 함수식을 활용 let corsURL = (url:string): string => `https://crossorigin.me/${url}`; 제너릭 함수 구현 * function GenericReturnFunc(arg: T): T { return arg; } * const GenericReturnFunc = (arg: T): { return arg } 함수에서 타입스크립트 활용 return값은 type // number 타입의 매개변수를 return하는 함수 function NumberReturnFunc(arg: number): number{ return arg; } const NumberReturnFunc = (agr: number ):number => { return arg } // strin.. 2022. 12. 22. 제네릭을 이용한 타입 정의 단순히 유니온 타입을 사용했을 때 각각의 interface 타입정의가 늘어난다. interface Email { value: string; selected: boolean;}const emails: Email[] = [ { value: "naver.com", selected: true }, { value: "gmail.com", selected: false }, { value: "hanmail.net", selected: false },];interface ProdcutNum { value: number; selected: boolean;}const numberOfProducts: ProdcutNum[] = [ { value: 1, selected: true }.. 2022. 12. 15. ts에서 class를 사용할 때 ts에서 class를 사용할 때 다른점. 1. 클래스에서 사용할 속성(멤버변수)에는 type을 정의해줘야 한다. 2. constructor의 parameter에도 type을 정의해줘야 한다. 3. 멤버변수에는 유효범위도 사용할 수 있다. private, public, readonly등의 속성을 사용할 수 있다. class Person7 { // 멤버변수를 써줘야 한다. name: string age: number // 멤버변수의 유효범위도 쓸 수 있다. private name2: string public age2: number readonly log: string constructor(name:string, age: number){ this.name = name, this.age = age } } 2022. 12. 14. vue3 yarn install 하기 npm install --global yarn yarn --version yarn global add @vue/cli yarn -v CND 사용 1. [CDN Package] npm 설치 방법 1. [vue cli] npm install vue@next npm install -g vue-create npm install -g @vue/cli --- 설치 후 --- 1) npm init vue 또는? vue create 2) 터미널 열고 의존성 모듈 설치 npm install vite 설치 방법 npm init vite-app eslint 설정 1) .eslintrc.cjs /* eslint-env node */ require("@rushstack/eslint-patch/mod.. 2022. 12. 13. 이전 1 ··· 15 16 17 18 19 20 21 ··· 33 다음 728x90 반응형
