어제 오늘 내일

이 글의 목표: TypeScript 입문자가 가장 자주 묻는 질문에 실용적인 답을 줍니다. 둘의 공통점, 차이점, 그리고 선택 기준. 둘 다 "이름 붙은 타입"을 만든다객체 구조에 이름을 붙이는 두 가지 방법입니다. 대부분의 경우 서로 바꿔 써도 됩니다.// interface 방식interface User { id: number; name: string;}// type 방식type UserT = { id: number; name: string;};// 사용법은 완전히 동일하다const a: User = { id: 1, name: "철수" };const b: UserT = { id: 2, name: "영희" };확장(상속) 방법이 다르다interface: extendsinterface Animal ..

이 글의 목표: 모든 곳에 타입을 다는 건 초보의 실수입니다. TypeScript가 알아서 추론하는 곳과, 직접 명시해야 하는 곳을 구분합니다. TypeScript는 대부분 스스로 안다타입을 명시하지 않아도, 값을 보고 타입을 추론합니다.let count = 10; // TypeScript는 count를 number로 추론let title = "안녕"; // string으로 추론let flag = true; // boolean으로 추론// count = "열"; // ❌ 이미 number로 추론됐으므로 에러: number 같은 표기를 굳이 붙이지 않아도 됩니다. 오히려 붙이면 코드만 장황해집니다.// 👎 불필요한 타입 표기let count: number = 1..

이 글의 목표: TypeScript의 기본 타입을 예제로 익히고, 특히 헷갈리는 any / unknown / never의 차이를 명확히 합니다. 원시 타입: string, number, boolean가장 기본이 되는 세 가지입니다.const name: string = "김철수";const age: number = 30; // 정수, 실수 구분 없이 모두 numberconst isAdmin: boolean = true;// 타입에 맞지 않는 값은 즉시 에러// const wrong: number = "열살"; // ❌ 'string'을 'number'에 할당할 수 없음참고로 number는 정수/실수를 구분하지 않고, 큰 정수를 위한 bigint, 심볼을 위한 symbol도 원시 타입에 포함됩..

이 글의 목표: 내 컴퓨터에서 .ts 파일을 직접 실행해보기. 컴파일러의 동작 원리도 함께 이해합니다. 준비물: Node.jsTypeScript 도구들은 Node.js 위에서 돌아갑니다. nodejs.org에서 LTS 버전을 설치하고 확인합니다.node -v # v20.x 이상이면 충분npm -v프로젝트 초기화mkdir ts-study && cd ts-studynpm init -y # package.json 생성npm install -D typescript # 컴파일러를 프로젝트 로컬에 설치 (-D = 개발 의존성)전역(-g) 설치보다 프로젝트 로컬 설치를 권장합니다. 프로젝트마다 TypeScript 버전이 다를 수 있기 때문입니다.tsc: Type..

이 글의 목표: TypeScript를 "왜" 쓰는지 체감하기. 문법을 배우기 전에, 타입이 없어서 겪는 고통부터 살펴봅니다. JavaScript는 관대하다. 너무 관대하다.JavaScript는 실행하기 전까지 아무것도 검사하지 않습니다. 아래 코드를 봅시다.// 사용자 객체에서 할인가를 계산하는 함수function getDiscountedPrice(product, rate) { return product.price - product.price * rate;}// 어딘가에서 이렇게 호출했다고 하자getDiscountedPrice({ price: 10000 }, 0.1); // 9000 ✅ 정상// 하지만 실수로 이렇게 부르면?getDiscountedPrice({ prise: 10000 }, 0.1);..