하수도키의 성장일기

후기일기

멋이 전부인 엑소볼트 마우스 실버 후기 - EXOvalut Mouse Silver

엑소볼트(EXOvalut) 마우스 실버를 드디어 받았다. 거의 2년인가 3년만에 받았다. 처음 1년은 기다리면 오겠지 1년이 지나고 2년지나니 .... 흠... 잊고 있었다. 그러다 메일에 갑자기 shipped 이라는 단어를 보고 부랴부랴 배송 대행지 신청하고 드디어 받았다. 엑소볼트는 처음 접하게 된 건 아이폰 케이스였다. 볼트로 조이고 알루미늄 재질로 되어 있고 튼튼하면서도 유니크하고 디자인이 무척 마음에 들었다. exovault.com/ EXOvault EXOvault makes unique accessories for your life, machined and finished by hand. We take the utmost care in crafting each Metal and Wood iPh..

개발일기/Vue.js

[Vue.js] Vue3 + TypeScript #6 마지막 커스텀 타입 정의하기(Type Assertion, data, props, computed, methods)

2021.03.05 - [개발일기/Vue.js] - [Vue.js] Vue3+Typescript #1 - Vue, TypeScript 사용하는 이유(Why Vue & TypeScript) 2021.03.11 - [개발일기/Vue.js] - [Vue.js] Vue 3 + TypeScript #5 - 커스텀 타입 정의(Defining Custom Types) 지난 포스팅에서 커스텀 타입을 정의하는 방법을 알아봤다. 이제는 커스텀 타입을 적용해 보자. 우선 데이터(data) 옵션을 살펴보자. event 객체를 참조하는데 만약 event.title 대신 event.description로 수정하면 코드를 실행하기 전까지 description의 값이 있는지 없는지 확인할 방법이 없다. VS Code를 사용하면 확장..

개발일기/Vue.js

[Vue.js] Vue 3 + TypeScript #5 - 커스텀 타입 정의(Defining Custom Types)

2021.03.11 - [개발일기/Vue.js] - [Vue.js] Vue 3 + TypeScript #4 - 타입 기초(Type Fundamentals) [Vue.js] Vue 3 + TypeScript #4 - 타입 기초(Type Fundamentals) 타입스크립트의 기본 개념 중 하나인 개발을 향상하는 데 사용하는 정적 타입 정의하는 방법을 살펴보자. 이번 포스팅에서는 타입스크립트에서 유용하고 자주 사용하는 일부 타입들을 살펴본 hasudoki.tistory.com 이전 포스팅 마지막에 보면 미리 정의 타입에 대한 아쉬운 점을 설명하면서 커스텀 타입에 대해 살펴봤다. 프로젝트가 커지고 요구사항이 많아질수록 커스텀 타입은 필수이다. 타입스크립트에서 커스텀 타입을 만드는 방법은 2가지이다. type,..

개발일기/Vue.js

[Vue.js] Vue 3 + TypeScript #4 - 타입 기초(Type Fundamentals)

타입스크립트의 기본 개념 중 하나인 개발을 향상하는 데 사용하는 정적 타입 정의하는 방법을 살펴보자. 이번 포스팅에서는 타입스크립트에서 유용하고 자주 사용하는 일부 타입들을 살펴본다. 2021.03.09 - [개발일기/Vue.js] - [Vue.js] Vue 3 + TypeScript #3 - 컴포넌트 만들기(Creating Components with TypeScript) [Vue.js] Vue 3 + TypeScript #3 - 컴포넌트 만들기(Creating Components with TypeScript) 지난 포스팅에서 Vue3 + TypeScript를 세팅 완료했으니 이제 컴포넌트를 만들어보자. 타입 스크립트에서는 어떻게 Single File Components가 변경되었는지 살펴보자. Typ..

개발일기/Vue.js

[Vue.js] Vue 3 + TypeScript #3 - 컴포넌트 만들기(Creating Components with TypeScript)

지난 포스팅에서 Vue3 + TypeScript를 세팅 완료했으니 이제 컴포넌트를 만들어보자. 타입 스크립트에서는 어떻게 Single File Components가 변경되었는지 살펴보자. TypeScript 컴포넌트 변화(TypeScript Changes in Single File Components) 개발 언어 속성(The Language Attribute) 싱글 파일 컴포넌트에서 script 태그에 보면 lang 속성이 추가되었다. 자바스크립트 사용할때는 없었는데 타입 스크립트 사용 시에는 명시를 해줘야 한다. 타입스크립트로 전환하기 위해서 해야 될 일 1. script 태그에 lang 속성 정의 2. 헬퍼 메서드(defineComponent) import 하기 3. 헬퍼 메서드(defineCompo..