[JS] Library | 01. Superstruct

2024. 8. 25. 19:24·Language/JavaScript

https://docs.superstructjs.org/

 

Introduction | Superstruct

Introduction Superstruct makes it easy to define interfaces and then validate JavaScript data against them. Its type annotation API was inspired by TypeScript, Flow, Go, and GraphQL, giving it a familiar and easy to understand API. But Superstruct is desig

docs.superstructjs.org

 

Superstruct는 특정 데이터가 의도된 형식으로 작성되어 있는지 확인하는 유효성 검사를 도와주는 패키지입니다.

 

각 변수와 함수들의 타입을 확인한다는 점에서 TypeScript와 동일한 역할을 수행하지만, 차이점이 있습니다.

TypeScript는 컴파일 단계에 존재하는 데이터에 대한 유효성만 검사하기 때문에,

컴파일 이후 런타임에서는 새로운 데이터에 대해 유효성을 검사할 수 없습니다(컴파일 이후에는 JS코드로 바뀌니까요).

반면 Superstruct는 런타임에서 유효성 검사를 실행할 수 있습니다.

 

Superstruct는 다음과 같이 사용합니다.

대조군이 될 superstruct 객체는 object( ) 함수로 생성하며,

대조군을 통한 비교는 assert( ) 함수를 이용합니다.

import * as s from 'superstruct';

// superstruct 객체 선언
const Checker = s.object({
  variable1: [variable1의 검사 내용]
  variable2: [variable2의 검사 내용]
  ...
});

...

// superstruct 객체 호출
s.assert([비교할 객체], Checker)

검사 내용은 타입, 길이, 특정 형식 등 여러 가지가 올 수 있습니다.

 

타입 지정은 superstruct.[타입이름]( ) 으로 작성 가능합니다.

const Checker = s.object({
    age:      s.int(),     // 숫자
    address:  s.string(),  // 문자열
    isMember: s.boolean(), // 조건
});

값의 길이를 조건으로 할 수 있습니다. 이 경우 size( ) 함수를 사용합니다.

const Checker = s.object({
    name:  s.size(s.string(), 1, 8),  // 1~8자 사이의 문자열
});

좀 더 복잡한 형식이 필요하면 외부 라이브러리 함수를 사용해도 됩니다.

import isEmail from 'is-email';  // 이메일의 포맷을 검사하는 라이브러리입니다.

export const CreateUser = s.object({
  email: s.define('Email', isEmail),  // Email 타입은 isEmail()의 함수값
});

 

만약 특정 객체의 전체 데이터가 아닌 일부 변경사항에 대해서만(e.g. 이름을 수정) 유효성 검사를 한다면,

partial( ) 함수를 사용하면 됩니다.

const PatchChecker = s.partial(Checker);

...

s.assert([비교할 객체], PatchChecker);

 

728x90

'Language > JavaScript' 카테고리의 다른 글

[JS] CommonJS & ES에 대해서  (0) 2025.03.21
[JS] Library | 02. Papaparse  (0) 2024.12.10
[JS] Syntax | 09. Promise.all()  (0) 2024.07.27
[JS] Syntax | 08. .then()  (0) 2024.07.27
[JS] Syntax | 07. await & async  (0) 2024.07.25
'Language/JavaScript' 카테고리의 다른 글
  • [JS] CommonJS & ES에 대해서
  • [JS] Library | 02. Papaparse
  • [JS] Syntax | 09. Promise.all()
  • [JS] Syntax | 08. .then()
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (262)
      • CS (40)
        • ML (3)
        • CV (2)
        • PS (34)
      • Reveiw (17)
        • Paper (17)
        • Github (0)
      • Pytorch (5)
      • Language (58)
        • Python (7)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (12)
      • Git (13)
      • Frontend (71)
        • React (8)
        • SolidJS (20)
        • CSS (12)
      • UI (3)
      • Backend (15)
        • DB (17)
        • Node.js (11)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    frontend
    CSS
    mongo
    deploy
    UI
    Express
    API
    ps
    PyTorch
    SOLID
    CV
    python
    figma
    GAN
    js
    C++
    backend
    PRISMA
    html
    vscode
    Git
    nodejs
    CS
    postgresql
    ML
    Three
    ts
    react
    DB
    review
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
Rayi
[JS] Library | 01. Superstruct
상단으로

티스토리툴바