프론트엔드는 대화가 되어가고 있다
프레임워크 전쟁의 시대가 끝나가고 있습니다.
수년 동안 여러분은 jQuery, Angular, React 중 하나를 선택해야 했습니다. Webpack을 관리하고 끊임없이 변하는 라이브러리에 대응하느라 시간을 보냈죠. 이제 그런 작업들은 한 단계 위로 이동하고 있습니다.
프론트엔드의 어려운 점은 더 이상 리스트를 렌더링하는 것이 아닙니다. 데이터, 렌더링, 그리고 AI가 어떻게 함께 작동하느냐의 문제입니다.
2026년의 프로덕션 앱은 다음과 같은 모습일 것입니다:
• 컴포넌트를 위한 React, Svelte 또는 Vue. • 라우팅과 데이터를 위한 Next.js 또는 SvelteKit 같은 메타 프레임워크. • 모든 프로젝트에 TypeScript 사용. • 클라이언트 번들 크기를 작게 유지하기 위한 서버 우선(Server-first) 렌더링.
AI는 작업 속도를 바꾸어 놓았습니다. AI는 작업의 초기 80%를 처리합니다. 몇 분 만에 컴포넌트의 뼈대를 만들거나 Figma 파일을 코드로 변환할 수 있습니다.
하지만 AI는 마지막 20%에서 실패합니다.
AI는 접근성(accessibility)의 예외 케이스를 처리하지 못합니다. 레이스 컨디션(race conditions)을 놓치고, Safari의 기묘한 버그들을 무시합니다. 겉보기에는 맞지만 논리적으로 결함이 있는 코드를 만들어냅니다.
예를 들어, AI는 센트(cents)를 달러(dollars)로 변환하는 함수를 작성할 수 있습니다. 하지만 다음과 같은 점은 고려하지 않을 것입니다:
- JPY와 같은 다양한 통화.
- 사용자를 위한 현지화된 포맷팅.
- API로부터 들어오는 잘못된 데이터 처리.
여러분의 역할은 코드를 작성하는 것에서 올바른 질문을 던지는 것으로 바뀌고 있습니다.
우리는 Generative UI 시대로 나아가고 있습니다. 이는 인터페이스가 사용자의 의도에 따라 스스로 구성됨을 의미합니다.
똑똑한 팀은 AI가 픽셀을 마음대로 그리게 두지 않습니다. 대신 AI에게 엄격한 컴포넌트와 토큰 세트를 제공합니다. 여러분의 디자인 시스템은 더 이상 단순한 문서가 아닙니다. 그것은 AI를 위한 가드레일(guardrail)입니다.
미래에 대한 저의 예측입니다:
• 컴포넌트 라이브러리는 가장 가치 있는 자산이 될 것입니다. 인간과 AI 모두 그것을 사용하여 결과물을 만듭니다. • 타입(Types)과 계약(contracts)이 승리합니다. 명확한 스키마는 AI가 오류 없이 작동하도록 돕습니다. • 직함의 경계가 모호해질 것입니다. 프론트엔드 엔지니어는 전체 경험을 책임지는 프로덕트 엔지니어가 될 것입니다. • 타이핑 대신 리뷰가 그 자리를 대신할 것입니다. 여러분의 속도는 얼마나 빨리 타이핑하느냐가 아니라, 얼마나 빨리 코드를 판단할 수 있느냐에 달려 있습니다.
프론트엔드의 기계적인 부분은 저렴해지고 있습니다. 아키텍처, 정확성, 그리고 안목(taste)과 같은 어려운 부분들은 더욱 가치 있어지고 있습니다.
기계가 할 수 없는 부분을 마스터함으로써 번창하십시오.