하수도키의 성장일기

책일기

[북 리뷰] 타입스크립트 교과서

이 포스팅은 길벗 출판사로부터 무료로 제공받은 책을 읽고 본인의 솔직한 생각과 평가를 기록한 것임을 밝힙니다. 현재 프론트엔드 개발자 채용 공고를 보면 리액트와 더불어 타입스크립트는 필수로 적혀져 있다. 타입스크립트는 간단히 설명하자면 자바스크립트에 타입 구문이 추가된 언어이다. 타입스크립트 사용하는 이유는 타입스크립트 공식사이트에서 참고해서 간략히 설명하겠다. 자바스크립트로 만드는 프로그램의 규모가 점점 커지고, 방대한 코드를 타입 없이 작성하려니 타입 관련 오류, 오타가 많이 발생했다. 타입스크립트를 사용함에 따라 오류, 오타를 줄이고 프로그램 안정성과 더불어 생산성도 증가 시키는 목적이다. 타입스크립트 여러 책을 읽었지만, 대부분 번역책이어서 역시 개발 번역 퀄리티와 기초부터 알려주거나, 가독성이 ..

개발일기/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..

개발일기/Vue.js

[Vue.js] Vue 3 + TypeScript #2 - 세팅하기(Setting Up Vue 3 & TypeScript)

이번 포스팅에서는 Vue 3 + TypeScript 세팅하는 법과 기존 Vue 3 프로젝트에 TypeScript를 추가하는 법을 알아보자. 2021/03/05 - [개발일기/Vue.js] - [Vue.js] Vue3+Typescript #1 - Vue, TypeScript 사용하는 이유(Why Vue & TypeScript) [Vue.js] Vue3+Typescript #1 - Vue, TypeScript 사용하는 이유(Why Vue & TypeScript) 이번 포스팅 주제는 Vue3와 TypeScript 사용하기이다. 이 포스팅 전체는 아래 강의를 바탕으로 의역하면서 정리한 내용이다. Why Vue & TypeScript - Vue 3 + Typescript | Vue Mastery Learn abo..

개발일기/TypeScript

[TypeScript] 타입스크립트 시작하기

타입스크립트 시작하기 개요 타입스크립트는 새로운 언어보다는 자바스크립트의 상위집합(Superset)으로 이해하면 된다. 자바스크립트 파일을 .ts를 바꿔도 경고만 나오고 실행은 된다. 타입스크립트 파일(.ts)를 컴파일하면 자바스크립트 파일(.js)이 생성된다. 컴파일 시 타입체크를 한다. 타입스크립트의 가장 중요한 기능은 정적 타입이다. 자바스크립트는 지원하지 않고 있다. var state = 1; stae = "success"; 숫자형으로 할당된 변수에 문자열을 넣어도 에러가 발생하지 않는다. 간단하게 편하게 사용할 수 있으나, 프로젝트 규모가 커지고 관리해야될 변수가 많을 경우에는 오류가 발생하기 쉽다. 브라우저에서 타입스크립트를 자바스크립트로 바로 컴파일해준다.타입스크립트 플레이그라운드 타입스크립..