📚FOS Study
홈카테고리
홈카테고리

카테고리

  • AI 페이지로 이동
    • RAG 페이지로 이동
    • agents 페이지로 이동
    • BMAD Method — AI 에이전트로 애자일 개발하는 방법론
    • Claude Code의 Skill 시스템 - 개발자를 위한 AI 자동화의 새로운 차원
    • Claude Code 멀티 에이전트 — Teams
    • 멀티모달 LLM (Multimodal Large Language Model)
  • architecture 페이지로 이동
    • 캐시 설계 전략 총정리
    • 디자인 패턴
    • 분산 트랜잭션
  • css 페이지로 이동
    • FlexBox 페이지로 이동
  • database 페이지로 이동
    • mysql 페이지로 이동
    • opensearch 페이지로 이동
    • redis 페이지로 이동
    • 김영한의-실전-데이터베이스-설계 페이지로 이동
    • 커넥션 풀 크기는 얼마나 조정해야할까?
    • 인덱스 - DB 성능 최적화의 핵심
    • 역정규화 (Denormalization)
    • 데이터 베이스 정규화
  • devops 페이지로 이동
    • docker 페이지로 이동
    • k8s 페이지로 이동
    • k8s-in-action 페이지로 이동
    • monitoring 페이지로 이동
  • go 페이지로 이동
    • Go 언어 기본 학습
  • http 페이지로 이동
    • HTTP Connection Pool
  • interview 페이지로 이동
    • 210812 페이지로 이동
    • 뱅크샐러드 AI Native Server Engineer
    • CJ 올리브영 지원 문항
    • CJ 올리브영 커머스플랫폼유닛 Back-End 개발 지원 자료
    • 마이리얼트립 - Platform Solutions실 회원주문개발 Product Engineer
    • NHN 서비스개발센터 AI서비스개발팀
    • nhn gameenvil console backend 직무 인터뷰 준비
    • 면접을 대비해봅시다
    • Tossplace Node.js Developer
    • 토스플레이스 Node.js 백엔드 컬처핏
  • java 페이지로 이동
    • jdbc 페이지로 이동
    • opentelemetry 페이지로 이동
    • spring 페이지로 이동
    • spring-batch 페이지로 이동
    • 더_자바_코드를_조작하는_다양한_방법 페이지로 이동
    • Java의 로깅 환경
    • MDC (Mapped Diagnostic Context)
    • OpenTelemetry 란 무엇인가?
    • Java StampedLock — 읽기 폭주에도 쓰기가 밀리지 않는 락
    • Virtual Thread와 Project Loom
  • javascript 페이지로 이동
    • Data_Structures_and_Algorithms 페이지로 이동
    • Heap 페이지로 이동
    • typescript 페이지로 이동
    • AbortController
    • Async Iterator와 제너레이터
    • CommonJS와 ECMAScript Modules
    • 제너레이터(Generator)
    • Http Client
    • Node.js
    • npm vs pnpm 선택기준은 무엇인가요?
    • `setImmediate()`
  • kafka 페이지로 이동
    • Kafka 기본
    • Kafka를 사용하여 **데이터 정합성**은 어떻게 유지해야 할까?
    • 메시지 전송 신뢰성
  • linux 페이지로 이동
    • fsync — 리눅스 파일 동기화 시스템 콜
    • tmux — Terminal Multiplexer
  • network 페이지로 이동
    • L2(스위치)와 L3(라우터)의 역할 차이
    • L4와 VIP(Virtual IP Address)
    • IP Subnet
  • react 페이지로 이동
    • JSX 페이지로 이동
    • VirtualDOM 페이지로 이동
    • v16 페이지로 이동
  • task 페이지로 이동
    • ai-service-team 페이지로 이동
    • nsc-slot 페이지로 이동
    • the-future-company 페이지로 이동
📚FOS Study

개발 학습 기록을 정리하는 블로그입니다.

바로가기

  • 홈
  • 카테고리

소셜

  • GitHub
  • Source Repository

© 2025 FOS Study. Built with Next.js & Tailwind CSS

목록으로 돌아가기
⚡javascript/ typescript

Typescript Brand Type (브랜드 타입)

약 2분
2026년 1월 30일
GitHub에서 보기

Typescript Brand Type (브랜드 타입)

Brand 타입은 런타임에는 동일하지만, 컴파일 타임에서만 서로 다른 타입으로 취급되게 만드는 기법

Typescript는 구조적 타이핑(structural typing)이기 떄문에, 모양이 같으면 같은 타입으로 취급해버리는 문제가 있음

type UserId = string;
type OrderId = string;

const userId: UserId = 'u1';
const orderId: OrderID = 'o1';

// 컴파일 에러 없음
sendOrder(userId);

이걸 컴파일 타임에 막고 싶을 때 brand 타입을 사용한다.

왜 Brand 타입이 필요한가?

  • TypeScript의 한계
    • TS는 "값의 의미"를 모른다
    • string은 그냥 string
  • Brand 타입의 역할
    • "이 string은 UserId다"
    • "이 number는 Money다"
    • 의미를 타입에 새겨서 실수를 막는다

특히 SDK / 도메인 코드 / 금융, 결제 / POS에서 중요

기본적인 Brand 타입 구현

가장 흔한 패턴

type Brand<K, T> = K & { __brand: T };

type UserId = Brand<string, 'UserId'>;
type OrderId = Brand<string, 'OrderId'>;

사용

const userId = 'u1' as UserId;
const orderId = 'o1' as OrderId;

// 컴파일 에러
sendOrder(userId);

// 정상
sendOrder(orderId);
  • 런타임 비용 없음, 컴파일 후 JS에서는 그냥 string;

"as 캐스팅 쓰면 무의미한 거 아냐"에 대한 정답

  • 맞는말 + 틀린 말

    • 맞음 : as를 남용하면 의미 없음
    • 하지만 핵심은
      • 입구에서만 as를 허용
      • 이후에는 타입 시스템이 보호
  • 권장 패턴 : 생성함수

    • function createUserId(value: string): UserId {
        // 여기서 검증 가능
        return value as UserId;
      }
      
      const userId = createUserId('u1');
      
      // 이후에는 타입 안전
      
  • 좀더 안전한 패턴 (unique symbol)

    • declare const userIdBrand: unique symbol;
      
      type UserId = string & { [userIdBrand]: void };
      
    • 장점

      • 다른 브랜드와 절대 충돌 안 함
      • 라이브러리/SDK에 적합

실무에서 언제쓰면 좋은가?

  • 쓰면 좋은 경우
    • 서로 다른 ID들이 많을 떄
    • 금액, 포인트, 수량 등 의미가 다른 숫자
    • SDK API boundary
    • 외부 입력을 내부 도메인으로 변환할 떄
  • 안 써도 되는 경우
    • 단순 UI 코드
    • 수명 짧은 스크립트
    • 의미 구분이 필요 없는 값

정리

  • "Brand 타입은 Typescript의 구조적 타이핑 한계를 보완해서, 같은 타입이라도 의미가 다른 값을 컴파일 타임에 구분하기 위한 기법입니다"
  • "특히 SDK나 도메인 경계에서는 런타임 비용 없이 실수를 막을 수 있어서 brand 타입을 설계 도구로 사용할 수 있습니다"
javascript 카테고리의 다른 글 보기수정 제안하기

댓글

댓글을 불러오는 중...
목차
  • Typescript Brand Type (브랜드 타입)
  • 왜 Brand 타입이 필요한가?
  • 기본적인 Brand 타입 구현
  • "as 캐스팅 쓰면 무의미한 거 아냐"에 대한 정답
  • 실무에서 언제쓰면 좋은가?
  • 정리