pile·
프론트엔드·인프랩 (인프런)인프런 (인프랩)·

Code generator 개발기 (Part 2)

문제OpenAPI 스펙과 프런트엔드 코드 간 불일치로 타입 안전성과 일관성 유지가 어려웠다.
접근inversify로 IoC 컨테이너를 구성하고 json-schema-to-typescript로 스키마를 타입으로 변환했다. 전처리·Task 병렬 실행·파일 출력의 3단계 파이프라인으로 ReactQuery, TypeGuard, SchemaValidator를 생성했다.
결과책임 분리와 전략·템플릿 메서드 패턴으로 유지보수성을 확보했다. 자동 생성된 type guard와 schema validator로 런타임 타입 안전성을 강화했다.
인프랩 (인프런)
인프런 (인프랩) 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2