LLM이 React 직접 안 짜는 생성형 UI, 실전 설계는 이렇게

줌인포 엔지니어가 LLM에 React 컴포넌트를 직접 생성시키지 않고 신뢰된 컴포넌트를 조합하는 생성형 UI 설계법을 제안했다.

Thu Sep 24 2026

미국 데이터 기업 줌인포(Zoominfo)의 시니어 소프트웨어 엔지니어 디네시 키르티파티는 기술 매체 해커눈(HackerNoon)에 기고한 글에서, LLM이 사용자 요청에 맞춰 화면을 즉석에서 만들어주는 '생성형 UI(Generative UI)'를 구현할 때 LLM에 React 컴포넌트 코드를 직접 생성시키는 방식은 실무에 부적합하다고 지적했다.

LLM이 코드를 직접 짜면 생기는 문제

키르티파티는 처음 생성형 UI 개념을 접했을 때, LLM이 프롬프트에 따라 React 컴포넌트를 즉석에서 생성해 사용자마다 다른 화면을 보여줄 수 있다는 점에 주목했다고 밝혔다. 같은 데이터라도 어떤 사용자는 텍스트 답변을, 다른 사용자는 차트나 표, 인터랙티브 화면을 더 유용하게 받아들일 수 있다는 것이다.

하지만 LLM이 매번 다른 구조와 형식의 코드를 생성하면 테스트가 어려워지고, 보안·접근성·테마·디자인 시스템 일관성 문제가 뒤따른다고 설명했다. 코드가 기술적으로 작동하더라도 제품이 기대하는 방식대로 동작하지 않을 수 있다는 지적이다.

대안: 신뢰된 컴포넌트 조합

대안으로 그는 LLM이 임의의 React 컴포넌트를 새로 만드는 대신, 애플리케이션에 이미 구현되고 검증된 신뢰된 컴포넌트들 중에서 골라 조합하도록 설계하는 방식을 제시했다. LLM은 구조화된 출력으로 어떤 컴포넌트를 어떻게 배치할지만 결정하고, 실제 렌더링은 검증된 코드가 담당하는 구조다.

*출처: HackerNoon (2026-09-24)*

Tags: #AI #생성형UI #LLM #소프트웨어개발