분류 전체보기71 튜플(Tuples) - [타입스크립트: Typescript] 튜플은 각각의 배열의 인덱스에 type을 지정하여 사용합니다 const person: { name: string; age: number; hobbies: string[]; role: [number, string]; } = { name: 'Maximilian', age: 30, hobbies: ['Sports', 'Cooking'], role: [2, 'author'] }; role 속성안에 원하는 배열의 길이를 넣고 각각의 인덱스에 사용하고자 하는 타입을 지정해줍니다 person.role[1] = 10; // 1번 person.role = [0, 'admin', 'user']; // 2번 1번 : string으로 지정한 곳에 number type 10을 넣거나 2번 : [number, string] 길이.. 2022. 11. 12. 타입스크립트 타입추론 (Type Inference) 타입스크립트에는 타입추론이 존재한다 타입스크립트가 셜록홈즈 빙의해서 알맞은 타입을 추론해냅니다 let x = 5 위 number에는 명시적인 타입 표기가(let x: number) 없지만 숫자 형태를 할당한 것을 볼 수 있습니다 초기에 숫자라는 type을 지정해주었기 떄문에 이 변수에 대한 type은 후에도 number일 거라고 추론합니다 let x: number = 5 number = '5' 타입을 숫자로 명시적으로 지정해주고 string value 를 할당할 경우에 Type 'string' is not assignable to type 'number' 을 보여준다 infer:추론하다(=deduction)이 존재한다 2022. 11. 11. 웹팩 설정 연습 여행가들에게는 백팩 Backpack for travlers 피부를 위한 마스크팩 Maskpack for skin 우리에겐 웹팩이 있다 And we as developer have Webpack 웹팩을 적용하기 위해서 프로젝트 폴더를 하나 만들어준다 To apply webpack, create a project mkdir webpack-project cd webpack-project npm init -y 생성 - 이동 -이닛! create - move - init 모듈 인스톨! 자일리톨! install ! npm install -D webpack webpack-cli or npm install --save-dev webpack webpack-cli And package.json 에 "scripts": { .. 2022. 11. 9. 타입스크립란? What is Typescript ? - 자바스크립트는 동적 타입 언어(Dynamic Type Language) 이고, - 타입스크립트는 정적 타입 언어(Static Type Language) 이다. - 타입스크립트는 동적인 자바스크립트 언어에 타입을 미리 부여함으로써 컴파일 시 에러를 잡을 수가 있다. - 타입스크립트는 자바스크립트의 상위 집합으로서 ECMA의 최신 표준을 충분히 지원한다. 1. 오타 자바스크립트는 존재하지 않는 속성에 접근이 가능하다 JavaScript also allows accessing properties which aren’t present const obj = { width: 10, height: 15 }; // Why is this NaN? Spelling is hard! const area = obj.widt.. 2022. 11. 7. 뷰 라우터 사용 Let's learn how to apply "vue-router" to your current project. 1. vue-router를 설치한다 npm install vue-router --save 2. vue-router 인스턴스 생성 후 export src/router/index.js import { createRouter, createWebHistory } from 'vue-router' import Home from '@/views/Home' import Login from '@/views/Login' import Signup from '@/views/Signup' const routerHistory = createWebHistory() const router = createRouter({ h.. 2022. 5. 6. 이전 1 ··· 9 10 11 12 다음
