개발일지 🖥️

keyof 타입 연산자keyof 연산자는 객체 타입의 모든 키를 추출하여 문자열 또는 숫자 리터럴 유니언 타입을 만듭니다.type Point = { x: number; y: number };type P = keyof Point; // P는 "x" | "y" 타입이 됨 인덱스 시그니처가 있는 경우인덱스 시그니처: 객체의 동적인 키-값 쌍에 대한 타입 규칙을 정의하는 문법 만약 객체 타입에 string 또는 number 인덱스 시그니처가 있다면 keyof는 해당 키 타입을 반환합니다.// 'number' 인덱스 시그니처를 가진 객체type Arrayish = { [n: number]: unknown };type A = keyof Arrayish; // A는 number 타입이 됨// 'string' 인덱스..

https://zod.dev/ GitHub - colinhacks/zod: TypeScript-first schema validation with static type inferenceTypeScript-first schema validation with static type inference - colinhacks/zodgithub.com Zod : TypeScript를 우선으로 고려한 스키마 선언 및 유효성 검사 라이브러리 이때, "스키마"란 간단한 문자열부터 복잡하게 중첩된 객체까지, 모든 형태의 데이터 타입을 포괄적으로 지칭하는 용어입니다. Zod는 개발자 친화적인 사용성을 목표로 설계되었습니다. 중복된 타입을 없애는 것이 핵심 목표입니다. Zod에서는 유효성 검사기를 한 번 선언하면, 해당 스키..

any 타입어떤 타입이든 허용한다는 의미를 가진 타입으로, TypeScript의 타입 체크를 우회하는 방식으로 동작하고 타입 안전성을 잃게 됩니다.let anyVar: any = 10;anyVar = "hello";let num: number = 10;num = anyVar; any 타입의 값은 어떤 타입으로 정의된 변수던 문제 없이 다 할당할 수 있어서 위의 코드처럼 number 타입의 변수 num에 any 타입의 값 anyVar를 할당해도 문제가 발생하지 않습니다. any 타입을 많이 사용하면 TypeScript의 장점인 타입 안전성이 사라지므로, 사용을 지양하고 필요할 때만 신중히 사용해야 합니다. unknown 타입아직 타입이 확정되지 않았다는 의미를 가진 타입으로, any 타입과 비슷하지만 보다..

타입 별칭(Type Alias) : 변수를 선언하듯 타입을 별도로 정의할 수 있습니다.type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string;}; 위의 코드는 타입 이름은 User, 타입으로는 여러 개의 프로퍼티가 있는 객체 타입을 정의했습니다.type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string;};let user: User = { id: 1, name: "y9s2n6", nickname: "ysqz6", birth: ..

객체 타입을 정의하는 방법 1. object로 정의하기let user: object = { id: 1, name: "y9s2n6"};user.id; // Property 'id' does not exist on type 'object'. user.id 처럼 점 표기법으로 객체의 특정 프로퍼티에 접근하려고 하면 오류가 발생합니다. 오류 메세지 내용은 'object' 타입에 'id' 프로퍼티가 없다고 합니다. 오류가 발생하는 이유는 타입스크립트의 object 타입은 단순 값이 객체임을 표현하는 것 외에는 아무런 정보도 제공하지 않는 타입이기 때문입니다. 따라서 이 타입은 객체의 프로퍼티에 대한 정보를 전혀 가지고 있지 않습니다.  2. 객체 리터럴 타입 let user: { id: numbe..

배열// 숫자를 담는 배열의 타입 정의하기 let numArr: number[] = [1, 2, 3];let numArr: Array = [1, 2, 3];// 문자열을 담는 배열의 타입 정의하기let strArr: string[] = ["hello", "im", "y9s2n6"];let strArr: Array = ["hello", "im", "y9s2n6"]; 배열의 타입을 정의하는 두 형식배열요소타입[] 형식Array : 꺽쇠와 함께 타입을 작성하는 문법 - 제네릭다양한 타입 요소를 갖는 배열 타입을 정의하려면 어떻게 해야할까요?  소괄호와 | 를 이용해 배열 요소가 둘 중 하나의 타입에 해당하도록 타입을 정의하면 됩니다.let multiArr: (number | string)[] = [1, "he..

기본 타입(내장 타입) : 타입스크립트가 자체적으로 제공하는 타입원시 타입 : 딱 한 개의 값만 저장할 수 있는 타입+ 원시 타입이 아닌 배열이나 객체 같은 비 원시 타입들은 동시에 여러 개의 값들을 저장할 수 있습니다. number 타입 : 숫자를 의미하는 모든 값을 포함하는 타입입니다. 단순 정수뿐만 아니라 소수, 음수, Infinity, NaN 등의 특수한 숫자들도 포함합니다.let num1: number = 123; let num2: number = -123; let num3: number = 0.123; let num4: number = Infinity; let num5: number = -Infinity; let num6: number = NaN; 콜론과 함께 변수의 타입을 정의하는 문법을 타..

TypeScript 컴파일러 옵션은 tsconfig.json 파일을 통해 설정하며 이 파일은 TypeScript 컴파일러가 코드를 어떻게 해석하고 컴파일할지 정의합니다.tsc --init 터미널에 위의 명령어를 입력하면 자동으로 기본설정이 완료된 tsconfig.json파일이 생성됩니다. include: tsc에게 컴파일 할 타입스크립트 파일의 범위와 위치를 알려줍니다. include 옵션을 설정한 뒤에 tsc 명령어만 입력해도 src 폴더 아래의 모든 타입스크립트 파일이 동시에 컴파일됩니다. target : TypeScript가 컴파일한 JavaScript 코드의 버전을 지정합니다. tsc를 이용해 컴파일하면 타입스크립트 코드가 ES5 버전의 자바스크립트 코드로 변환됩니다.  module : JavaS..

macOS 기준으로 실행했습니다. 1. 코드를 실행할 폴더 만들기2. Node.js 패키지 초기화 npm init 3. @types/node 설치하기npm i @types/node 4. 타입스크립트 컴파일러 설치하기 (버전이 나온나면 올바르게 설치된 것입니다.)sudo npm i -g typescripttsc -v 5. 타입스크립트 실행하기 tsc를 이용해 타입스크립트 코드를 자바스크립트로 변환한 다음 변환된 자바스크립트 코드를 Node.js로 실행하기tsc src/index.ts위의 명령어를 실행하면 src 폴더 내에 index.js 파일이 생성됩니다.node src/index.jstsx를 이용해 단 한번의 명령어로 타입스크립트 코드 실행하기sudo npm i -g tsx 위의 명령어로 tsx라는 패키..

타입스크립트 : 기존의 자바스크립트를 더 안전하게 사용할 수 있도록 타입 관련된 여러 가지 기능들을 추가한 언어타입스크립트는 쉽게 말해서 자바스크립트의 확장판입니다. [자바스크립트 코드]let a = 1;let b = 2;console.log(a + b); [타입스크립트 코드]let a:number = 1;let b:number = 2;console.log(a + b); 타입스크립트 코드에서 변수의 이름 뒤에 콜론과 함께 변수의 타입을 정의할 수 있습니다.  타입스크립트가 필요한 이유는 무엇일까요? 웹 서버, 모바일 앱, 데스크탑 앱 등 복잡한 대규모 애플리케이션을 자바스크립트로 개발하다 보니 문제가 발생했습니다. 문제는 바로 자바스크립트가 너무 유연하다는 점입니다. 이 유연함이 프로그램의 안정성을 떨어..