pile·
프론트엔드·클래스101class101·

Vibrant Design System 과 함께하는 크로스 플랫폼 개발기

문제클래스101 웹과 앱 코드베이스가 분리돼 있어 앱 코드량이 웹의 3~5배에 달했고, 유지보수 비용이 컸다.

접근class101-ui·OPS 단계를 거쳐 Box 컴포넌트에 "as" 속성으로 HTML 태그와 네이티브를 동적으로 매핑한 뒤, Vibrant Core에서는 Text·ScrollBox·PressableBox로 책임을 분리해 분기 로직을 걷어냈다.

결과컴포넌트 책임이 명확해지고 Box 내부 분기가 사라져 크로스 플랫폼 UI 개발의 복잡도를 낮췄다.

클래스101
클래스101 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·당근당근·

    프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법

    문제AI 바이브 코딩 도구들이 빠르게 UI 를 생성하지만 디자인 시스템 규칙을 따르지 않아 "당근스러운 화면"을 만들 수 없음.

    접근Kraft 의사결정 자동화 도구를 어드민 → CLI → 에이전트로 진화시키면서 DesignSpec 중간 표현 + 11개 Scorer 기반 검증 + Mastra 하네스 + Claude Agent SDK + 크로스세션 메모리 누적으로 구조화.

    결과SEED 디자인 시스템 준수 여부 자동 검증, 도메인별 맥락 반영, 세션 간 학습이 누적되는 UI 생성 플랫폼 구축.

    #llm-app#design-system#ai-coding+6