오늘도 디벅잉 오늘도 디벅잉

🚀 타입스크립트(이하 'TS')는 필수처럼 되었습니다. 자바스크립트(이하 'JS')를 배우기 전에 TS로 시작해도 되냐는 말도 보입니다. TS에 대한 관심이 뜨거운 것 같습니다. 그렇다면 TS가 어떤 의미인지 가볍게 짚어 보겠습니다. 타입 말그대로 TS는 타입과 관련된 언어입니다. 자유로운 JS에 타입이라는 제약을 가하게 됩니다. 물론 JS에 타입이 없는 것은 아니지만 구렁이 담넘듯 타입이 휙휙 변하는 JS와 달리 TS에서는 타입이 정적으로 유지됩니다. 타입이란 우리가 흔히 사용하는 Number, String, Object부터 any 같은 TS 특유의 타입까지 다양합니다. 타입이라는 굳이 없던 제약을 가하는 것이 당장은 불편하게 느껴지기도 합니다. 에러 발생 TS는 에러가 발생하는 시점을 앞당겨 줍니다...

🎯 1. (선택) 타입스크립트 설치 $ npm i -g typescript 1. tsc 명령어를 사용하기 위해 typescript 전역으로 설치 2. 프로젝트 내에 설치해도 되며, 뒤에 설명하겠지만 프로젝트 내에 설치하는 것을 추천 2. 타입스크립트를 활용하기 위한 라이브러리 설치 $ npm i -D typescript ts-node @types/node @types/express 1. typescript - npx tsc를 사용하기 위해 devDependencies에 포함 (팀원들과 동일한 ts 버전을 사용하기 위해 필요) 2. ts-node - Node.js를 위한 TypeScript 실행 엔진이자 REPL (TS 파일을 실행하면 JS 파일로 해석해서 실행 => node 명령어 + tsc 명령어처럼 ..

🏅 타입스크립트 활용을 위한 예제들을 구체적으로 학습 (분량: 344쪽, 난이도: ★★☆☆☆) 기본 특징부터 유용한 조언들, 그리고 마이그레이션 주의사항까지 다양한 사례들을 다루고 있습니다. 이펙티브 자바처럼 코드 작성시 도움이 되는 방법을 아이템별로 하나씩 풀어서 설명합니다. 타입스크립트 스터디에 활용해도 좋을 것으로 판단됩니다. 02/11 ~ 02/21 http://www.yes24.com/Product/Goods/102124327 이펙티브 타입스크립트 - YES24 타입스크립트는 타입 정보를 지닌 자바스크립트의 상위 집합으로, 자바스크립트의 골치 아픈 문제점들을 해결해 준다. 이 책은 《이펙티브 C++》와 《이펙티브 자바》의 형식을 차용해 타입스 www.yes24.com

🌱 { 타입스크립트 } TSDoc을 작성하면 함수를 호출하는 부분에서 관련 설명을 보여 줍니다. /** * 영화 소개를 생성합니다. * @params title 제목 * @params contents 내용 * @returns 영화 소개 */ function testTSDoc(title: string, contents: string) { return `Title: ${title} / Contents: ${contents}`; } 📌 이펙티브 타입스크립트 / 댄 밴더캄 지음 / 장원호 옮김 / 인사이트

🌱 { 타입스크립트 } 주석과 변수명에 타입 정보를 적는 것은 피해야 합니다. string 타입보다는 더 구체적인 타입을 사용하는 것이 좋습니다. 📌 이펙티브 타입스크립트 / 댄 밴더캄 지음 / 장원호 옮김 / 인사이트

🌱 { 타입스크립트 } 타입스크립트가 타입을 추론할 수 있다면 타입 구문을 작성하지 않는 게 좋습니다. 추론될 수 있는 경우에도 객체 리터럴과 함수 반환에는 타입 명시를 고려하여, 내부 구현의 오류를 사전에 찾을 수 있도록 합니다. 변수의 값은 바뀔 수 있지만 타입은 일반적으로 바뀌지 않습니다. 📌 이펙티브 타입스크립트 / 댄 밴더캄 지음 / 장원호 옮김 / 인사이트

🏅 타입스크립트를 제대로 활용하는 방법을 고민하게 됨 (분량: 376쪽, 난이도: ★★★☆☆) 타입스크립트의 기본 개념을 다질 목적으로 봤는데 생각보다 난이도가 있었습니다. 전반부에서 개념 설명을 마치고, 후반부 부터 난이도 있는 활용법이 등장합니다. 타입스크립트를 사용하다 익숙하지 않은 개념이 나오면 다시 해당 내용을 찾아보며 학습해야 겠습니다. 02/01 ~ 02/10 http://www.yes24.com/Product/Goods/90265564 타입스크립트 프로그래밍 - YES24 타입스크립트는 자바스크립트의 슈퍼셋 프로그래밍 언어로, 동적 타입 언어인 자바스크립트의 단점을 보완하기 위해 탄생했다. 동적 타입 언어를 사용하는 개발자라면 프로그램을 확장하는 것 www.yes24.com

🎯 { 타입 별칭 vs 인터페이스 } 타입스크립트에서 기능이 비슷해 보이는 타입 별칭(type alias)과 인터페이스(interface)를 비교해 보고자 합니다. 1. 구현 문법 타입 별칭 type Pizza = { calories: number salty: boolean tasty: boolean } 인터페이스 interface Pizza { calories: number salty: boolean tasty: boolean } 2. 타입 확장 타입 별칭 type PineapplePizza = Pizza & { pineapple: boolean } 인터페이스 interface PineapplePizza extends Pizza { pineapple: boolean } 3. 중복 선언 타입 별칭은 동일..