Front

https://github.com/JohnCampionJr/vite-plugin-vue-layouts GitHub - JohnCampionJr/vite-plugin-vue-layouts: Vue layout plugin for Vite Vue layout plugin for Vite. Contribute to JohnCampionJr/vite-plugin-vue-layouts development by creating an account on GitHub. github.com npm install -D vite-plugin-vue-layouts 로 설치

- korean 한국어지원 - volar vue.js 싱글 파일 컴포넌트 내에서 개발을 진행할수 있게 도와주는 공식 확장 프로그램 - TypeScript vue Plugin (Volar) vue 타입 스크립트로 개발할때 필요한 플러그인 - Auto Rename Tag 태그가 있을때 한쌍을 변경하면 나머지도 변경해주는 편리한 도구 - prettier 코드 포맷터로 코드를 일관성있게 정리해줌 -vue vscode snippets vue로 개발할때 상용구를 빠르게 타이핑할수 있게 도와주는 도구

유틸리티 타입이란? 이미 정의해 놓은 타입을 변환할때 사용하기 좋은 타입 문법 인터페이스, 제네릭보다 더 간결한 문법으로 타입을 정의할 수 있음 Partial interface Address { email: string; address: string; } type MyEmail = Partial; const me: MyEmail = {}; // 가능 const you: MyEmail = { email: "noh5524@gmail.com" }; // 가능 const all: MyEmail = { email: "noh5524@gmail.com", address: "secho" }; // 가능 파셜 타입은 특정 타입의 부분 집합을 만족하는 타입을 정의할 수 있음. https://kyounghwan01.gith..

types.ts export interface Todo { title: string; checked: boolean; } app.ts // import { 변수나 함수 } from '파일경로' import { Todo } from './types' var item: Todo = { title : '할 일 1', checked : false } interface를 하나의 파일에서만 사용하는것이 아닌 여러 파일에서 사용할때 모듈화로 사용할 수 있다.

타입 단언만을 사용했을때 생기는 문제 interface Developer{ name : string; skill : string; } interface Person { name: string; age: number; } // 타입들의 공통 된 속성만 접근할수 있는게 유니온 타입 function introduce() : Developer | Person { return { name : 'Tony', age : 33 , skill : 'Iron Making'} } var tony = introduce(); console.log(tony.skill); // 에러 // 타입 단언 if ((tony as Developer).skill) { var skill = (tony as Developer).skill; co..

// 타입 단언 (type assertion) var aaa; aaa = 20; aaa = '10'; var b = aaa as string; 이렇게 중간에 a의 타입이 바뀌면 아직 타입스크립트의 방식으로는 타입을 추정할수 없고 추론할 수 없다. 이때 타입추론의 결과는 변수 b도 any로 표시된다. 개발자가 보기에 타입은 string인데 타입스크립트는 추론하지 못한다. 이럴때 as를 쓰면 any 타입은 string으로 바뀌게 된다. 이렇게 추정하게되면 변수 b는 string으로 바뀌며 타입 단언된다. 이걸 쓰면 개발자가 타입에 대해 더 정확하게 아니까 타입스크립트 너는 신경쓰지마. 이런 느낌이다. // hi/div> // div가 null 일수있어서 if를 사용한다. var div = document.q..

배열의 타입은 number이거나 boolean이다라고 타입스크립트가 유니온으로 추론했다.

interface Drodown { value: T; title: string; } interface DetailsDrodown extends Drodown { description : string; tag : T; } let detailsDrodown: DetailsDrodown = { title: 'aa', description: 'bb', tag: 'bc', value: 'ss' } let drodown: DetailsDrodown = { title: 'aa', description: 'bb', tag: 55, value: 554 } value와 tag의 타입은 지정되어 있지 않다. 제네릭으로 사용시 지정할것이다. number가 될 수 도있고 string이 될수도 있다. 이런식으로 코드를 작성, 저..

타입 추론 (Type Inference) - 타입스크립트가 해당 타입을 어떤 타입으로 생각하는지가 타입 추론이다. 타입 추론의 기본 let x = 3; 위와 같이 x에 대한 타입을 따로 지정하지 않더라도 x는 number로 간주된다. 이렇게 변수를 선언하거나 초기화 할 때 타입이 추론된다. 이외에도 변수, 속성, 인자의 기본 값, 함수의 변환 값 등을 설정할때 타입 추론이 일어난다. let a = 3; // vs상에서 개발자가 코드를 작성헀을때 코드의 타입이 무엇이다라고 정의해 나가는게 타입 추론이다. // 기본적으로 변수 할당시에 타입이 추론된다 // Es6부터 나온 기본타입지정문법 (b = 10) function getB(b = 10) { let c = 'hi'; return b + c; } // 1..