Qwen 27B 모델로 웹페이지 순식간에 구현

henry 2026-09-19 19:43:12 출처: 量子位

디자인과 프런트엔드를 한 번에 다 해버렸는데, 백엔드는 출근을 안 했다

文婷 발신, 凹非寺

量子位 | 위챗 공식계정 QbitAI

초당 무려 2000Token에 가까운 속도로 질주하며 "즉석에서 만드는 웹페이지"를 "바로 열리는 웹페이지"로 만들어 버린 Qwen 3.8 27B가 최근 개발자 커뮤니티에서 화제다!

예전에는 웹페이지 하나를 만들려면 보통 기술팀이 몇 주 동안 요구사항을 다듬고, 프로토타입을 그리고, 프레임워크를 세우고, 스타일을 조정하며 공을 들여야 했다.

그런데 이제 Qwen3.8-27B는 이 모든 과정을 하나의 Prompt 뒤에 "그 자리에서 생성"으로 압축해 버렸다.

그중 엔지니어 Alok은 Qwen3.8-27B와 Cerebras를 겹쳐서 기상천외한 "AI 컴퓨터 데스크톱"을 하나 만들었다.

Alok은 자신의 이 컴퓨터 안에 있는 "브라우저"가 전 과정 오프라인으로 작동하며, YouTube, Google 등 이미 존재하는 대상 사이트에서 페이지를 가져오지 않는다고 말했다. 우리는 그저 웹사이트 이름과 원하는 연도만 입력하면, Qwen이 자기 나름의 이해에 따라 완전한 인터페이스 한 세트를 현장에서 생성한다

:

1999년 Web 1.0 버전 YouTube가 보고 싶다고? 가능하다.

2045년 미래 버전 YouTube를 미리 둘러보고 싶다고? 이것도 문제없다.

전 과정이 물 흐르듯 매끄러워서 마치 초콜릿 한 근을 먹은 듯했다.

가장 놀라운 건 생성 속도다:

- "Google 홈페이지" 전체 생성에 걸린 시간은 약 6.78초 ;

- "Google 홈페이지"에서 "YouTube"를 검색해 내는 데 걸린 시간은 6.07초 , 게다가 AI 요약, 검색 결과, 정보 카드까지 모두 갖춰져 있었다.

이 효과가 너무 대단해서 나도 모르게 손이 근질거렸고, 그래서 나는 재빨리 Qwen3.8-27B의 API Key를 꺼내 그 자리에서 돌려봤다!

데이터 분석부터 12306 국경일 표 사냥까지, 나는 두 가지 난관을 던졌다

이것이 진짜·효율 신기인지, 아니면 겉모습만 그리는 "프런트엔드 배우"인지 검증하기 위해, 나는 곧바로 두 가지 실측을 내밀어 바닥을 살펴봤다:

- 곧 주간 회의를 열어야 하는 프로덕트 매니저를 위해 데이터 분석 "응급 구원 아이템"을 만들어주기 ;

- 12306 페이지를 열어 나 대신 국경일 고속철도표를 사냥해주기 .

응급 업무 처리부터 국경일 연휴 표 사냥까지, 함께 그 성능을 살펴보자.

실측 1: 프로덕트 매니저들을 위해 주간 회의 "응급 구원 아이템"을 그 자리에서 생성하기

먼저, 나는 Qwen 3.8 27B에 긴급 임무 하나를 맡겼다:

곧 주간 회의를 열어야 하는 프로덕트 매니저를 위해, 설치도 필요 없고 인터넷 연결도 필요 없으며 브라우저만 열면 쓸 수 있는 데이터 분석 "응급 구원 아이템"을 현장에서 만들어주는 것.

요구사항은 다음과 같다:

- 표 안의 공백, 중복, 이상 데이터를 스스로 식별하고 처리할 것;

- 방문, 유료 사용자 수 등 핵심 지표를 집계할 것;

- 총 매출을 산출할 것;

- 막대그래프로 서로 다른 채널의 사용자 전환 상황을 표현할 것;

- 마지막으로, 교정이 끝난 Excel 표뿐만 아니라, 상사에게 바로 가져가 보고할 수 있는 txt 요약도 줄 것.

결과는 눈이 번쩍 뜨일 만했다.

우선 매우 빠르다 , 명령을 내린 때부터 도구가 생성되기까지 전 과정이 5분도 안 걸렸다 , 즉 탕비실에 가서 물 한 잔 받아 오는 시간 정도였다.

게다가 파일을 막 집어넣었는데, 내가 눈을 깜빡일 겨를도 없이 "응급 구원 아이템"은 거침없이 모든 작업을 다 처리해버렸다.

더 중요한 것은, 내가 제시한 다섯 가지 요구사항이 전부 정확히 구현되었고, 산출된 각종 데이터도 조금도 틀리지 않았다는 점이다:

그 크기 또한 52KB 에 불과해서, 아무 휴대폰 사진 한 장도 이것보다 메모리를 더 차지하며, 앱을 힘들여 설치할 필요가 전혀 없다.

예전을 생각해보면, 우리는 튜토리얼을 검색하고, 소프트웨어를 고르고, 다운로드해 설치하고, 또 처음부터 조작법을 배워야 했다… 이런 일련의 과정을 다 거치고 나면 사람이 머리가 어지러울 정도로 지치는데, 그렇게 배운 도구가 꼭好用한 것도 아니다.

이에 비해, 필요한 도구가 있으면 그냥 Prompt를 잘 써서 Qwen 3.8 27B에 던지고, 그것이 나를 위해 즉석에서 하나 만들어주게 하는 것이 분명 훨씬 간편하다 .

그런데, 여기까지 보면 분명 어떤 분들은 물을 것이다: "이렇게 강한데, 설마 단점이 없겠어? 못 믿겠는데."

조급해하지 마시라, 당연히 있다. 실측 2를 보면 알게 될 것이다~

실측 2: 우리 대신 12306에서 고속철도표 한 장 예약하기

다음으로, 나는 일부러 Qwen 3.8 27B에 실전 난제 하나를 냈다(짓궂은 웃음):

Qwen 3.8 27B가 나를 위해 12306 표 사냥 페이지를 하나 만들게 하고, 그것이 한창 뜨겁게 달아오른 국경일 표 사냥 대군에 끼어들어 정말로 베이징에서 상하이로 가는 고속철도표 한 장을 잡아줄 수 있는지 살펴보는 것.

페이지가 나타난 그 순간, 나는 12306이 밤새 AI 외주를 뽑은 줄 알았다.

파란색·흰색 배색, 열차 목록, 출발 시간, 좌석 등급 가격, 잔여석 수량이 모두 갖춰져 있었다…

승차자는 체크할 수 있고, 예약 버튼도 정상적으로 클릭되며, 마지막에는 심지어 거창하게도 구매 성공 페이지를 띄워 너를 유혹해 한 번 더 주문하게 한다.

△12306 페이지 대비

정말 대단하다.

10년 전이라면 이런 페이지 한 세트를 만들려면 최소한 프로덕트 매니저가 요구사항을 쓰고, 디자이너가 시안을 내고, 프런트엔드가 페이지를 짜고 인터랙션을 작성하고, 테스트가 버튼을 하나하나 눌러봐야 했다.

그런데 이제 나는 Prompt 한 단락을 쓰고 차 한 잔을 마셨을 뿐인데, Qwen이 프로덕트, 디자인, 프런트엔드의 일을 다 묶어서 연기해냈다.

다만, 백엔드는 휴가를 낸 모양이다.

나는 이 전체 과정을 체험한 뒤, 콧노래를 흥얼거리며 휴대폰을 들었는데, 비참하게도 나의 실제 출행 주문은 내 지갑보다도 깨끗하다는 것을 발견했다! (다행히 진짜로 표를 잡게 하지 않아서, 그렇지 않았다면 내 여행은 물 건너갔을 것이다)

문제도 바로 여기서 나온다.

본문의 두 실측을 예로 들면; Qwen 3.8 27B가 생성한 웹페이지는 우리가 유용한 작은 도구를 빠르게 생성하도록 도와 업무 효율을 높여줄 수 있다;

하지만 그것이 생성한 웹페이지는 기본적으로 12306의 실시간 데이터, 사용자 계정, 결제 시스템, 실제 백엔드에 연결되지 않는다.

그래서 과제가 신원 인증, 실제 거래, 외부 서비스와 관련되기만 하면, 그것은 속수무책이 되어, 겨우 충분히 그럴듯한 "껍데기"를 내밀어 무마하려 할 뿐이다.

게다가 Alok의 이 엄청난 1950 token/s 신속함을 논하지 않더라도, 자세히 보면 Alok의 실측도 같은 문제를 드러냈다:

그가 생성한 YouTube 웹페이지는 제법 그럴듯해 보이지만, 결국은 그럴듯한 빈 껍데기일 뿐이다 — 사이트 안의 동영상은 하나도 열리지 않는다(심지어 썸네일조차 없다).

So, 전체 실측을 돌려보고 나서, 나는 대략 Qwen3.8-27B가 왜 개발자 커뮤니티에서 화제가 되었는지 이해하게 됐다.

그것은 웹페이지와 도구를 만드는 진입 장벽을 낮췄다: 예전에는 별도로 프로젝트를 세우고 일정을 조율해야 착수할 수 있었던 일을, 이제는 Prompt 한 마디, 몇 분만 기다리면, 충분히 손에 익혀 조작할 수 있는 버전을 만들어낼 수 있다.

하지만 한 마디로 웹페이지를 생성하는 것이, 한 마디로 제품을 납품하는 것과 같지는 않다.

Qwen 3.8 27B는 오프라인 상태에서 확실히 도구 웹페이지를 빠르게 "만들어낼" 수 있지만, 진정으로 현실 세계에 연결되어 이 페이지들이 우리를 위해 일을 해내게 하는 것까지는 아직 갈 길이 멀다.

One More Thing

문말에 꼭 설명해야 할 일이 하나 있다; Alok은 실측에서 "Qwen 3.8 27B+Cerebras"라는 이 최강 조합을 써서야 속도를 1950 tok/s 까지 끌어올렸다;

그런데 나는 실측에서 Cerebras라는 이 "가속 엔진"을 쓰려면 해외 은행 카드를 묶어야 하고, 가격도 싸지 않을뿐더러 사용 문턱도 높아서, 다소 발길을 돌리게 만든다는 것을 발견했다.

그래서 모두가 쉽게 따라 재현할 수 있도록, 나는 가속 Buff 단계를 취소하고, 0부터 HTML 애플리케이션 생성 인터페이스를 구축해 전체 테스트를 통과시켰다. 여러분은 API Key만 조정하면 스스로 돌려볼 수 있다 — 모델은 여전히 같은 Qwen 3.8 27B이고, 단지 Cerebras라는 속도 Buff 하나를 덜 겹쳤을 뿐이다.

Mac 인터페이스와 Buff가 필요한 분들은 편하게 가져가시길