Typescript 4편 구조분해(Destructuring) 사용 하기 Functions 타입스크립트 환경의 함수에서 구조분해를 사용 해보자. Example #1 const post = { title: "post title", content: "lorem ipsum...", date: new Date(), } // 👌 pos...

HTML Semantic Tag, 제대로 알고 사용하자 HTML의 Semantic Tag를 용도에 맞게 알고 사용 하면, SEO 개선과 접근성 향상 등의 효과가 있다. header 용도: 페이지나 섹션의 헤더를 나타낸다. Example <header> <h1>GOOD COMPANY</h1> ...

Typescript 3편 void, never Void const showMessage = (message: string) => { console.log(message); } 위 코드의 경우 return되는 값이 없기 때문에, 타입 추론(Type Inference)에서 자동으로 void 타입으로 추론한다. void는 아무...

Typescript 2편 타입 정의와 추론 Type Annotations (타입 정의) 타입 어노테이션은 변수가 참조하는 값의 타입이 무엇인지, 타입스크립트가 알 수 있도록, “우리가” 작성할 코드이다. Example #1 interface Todo { id: number; title: string; created...

Typescript 1편 설치 및 환경설정 Introduction 타입스크립트 코드를 작성한다 라는 의미는 결과적으로 자바스크립트 코드를 작성하는 것 이다. 다만 타입스크립트에서는 타입 시스템을 다루기 위한 문법이 추가될 뿐이며, 타입 시스템은, 개발 할때의 오류를 잡아내기 위해 사용한다. 또한 실제로 실행할 때에는, 타입스크립트 파일...

React-Hook-Form에 Zod를 곁들여 유효성 검증하기 React-Hook-Form은 유효성 검사를 쉽게 사용할 수 있게 해주는 라이브러리이다. 이것만 사용해도 무난한 편이지만, Zod를 곁들이면 좀 더 강력하고 편하게 유효성 검증을 할 수 있는데 Zod는 어떤 역할을 할까? Installation Zod는 타입스크립트 스키마 선...