프론트엔드의 종말

우리는 30년 동안 인간의 눈을 위해 웹을 구축해 왔습니다. 우리가 틀렸을지도 모릅니다.

I. 당신이 마지막으로 파란색 링크를 클릭했던 순간.

되돌아보십시오. 마지막으로 검색 엔진을 열었을 때, 결과에 진심으로 만족했던 적이 언제입니까? 참을 수 있는 수준이나 체념하는 수준이 아니라, 누군가 팸플릿 뭉치를 건네며 행운을 빌어주는 대신 질문에 직접 답해줄 때 느끼는 것과 같은 진정한 만족감 말입니다.

우리 대부분에게 그 순간은 이미 지나갔습니다. 우리는 검색을 멈추고 질문을 하기 시작했습니다. 우리는 파란색 링크 복권, SEO 슬롭 (SEO slop), 제휴 마케팅 농장 (affiliate farms), 그리고 단 하나의 유의미한 정보를 찾기 위해 10페이지에 달하는 소음 속을 끝없이 스크롤하는 것에 지쳤습니다. 우리는 요란법석 떨지 않고 조용히 다른 선택을 했습니다.

우리는 검색을 버린 것이 아닙니다. 검색이 먼저 우리를 버렸습니다.

그 변화는 단순한 습관의 변화가 아니었습니다. 그것은 훨씬 더 큰 무언가의 서막이었습니다. 인터넷이 실제로 무엇을 위한 것인지, 그리고 인터넷이 진정으로 누구를 위해 구축되었는지에 대한 이야기입니다.

II. 아무도 설계하지 않은 시민들

업계가 아직 완전히 직면하지 못한 불편한 진실이 여기 있습니다. 우리는 잘못된 사용자를 위해 잘못된 인프라를 구축해 왔습니다.

우리가 구축한 모든 픽셀 단위로 완벽한 컴포넌트 (component), 모든 A/B 테스트를 거친 버튼 색상, 모든 세심하게 고려된 온보딩 (onboarding) 흐름—이 모든 것은 점점 더 운전대를 에이전트 (agent)에게 넘겨주고 있는 사용자를 위한 것이었습니다. 인터넷의 새로운 일등 시민들에게는 당신의 드롭다운 메뉴 (dropdown menu)가 필요하지 않습니다. 그들에게는 눈이 없습니다. 그들에게는 컨텍스트 윈도우 (context windows)가 있습니다.

저는 이를 개인적으로 체감했습니다. 자율 파일 분석기 (autonomous file analyzers)와 로컬 퍼스트 (local-first) 데이터 시스템을 구축하는 AI 및 ML 엔지니어로서, 이 패턴은 무시할 수 없는 것이 되었습니다. 제가 에이전트를 실제 세계의 시스템에 연결할 때마다, UI는 기능이 아니라 장애물이 되었습니다. 기계는 실제로 필요한 단 한 가지를 추출하기 위해 CSS와 DOM 소음의 층을 뚫고 눈을 가늘게 뜨고 살펴봐야만 했습니다.

우리는 기계가 유리창에 얼굴을 바짝 대고 인내심 있게 기다리고 있는 동안, 인간의 눈을 위해 엔지니어링을 하고 있습니다.

III. 우리가 지불하고 있다는 사실조차 잊어버린 세금

우리가 대차대조표에 결코 기재하지 않는, 모든 페이지 로드 이면에 숨겨진 비용이 있습니다. 이를 _토큰 세금 (Token Tax)_이라 부릅시다.

장식용 span 태그, 레이아웃 스캐폴딩 (scaffolding), 트래킹 스크립트, 그리고 단지 2019년형 MacBook에서 그라데이션을 예쁘게 보이게 하기 위해 존재하는 CSS로 가득 찬 거대한 DOM 트리를 에이전트가 파싱할 때마다, 컴퓨팅 자원을 소모합니다. 컨텍스트 (context)를 소모합니다. 돈을 소모합니다. 그리고 그 모든 소모가 끝난 뒤에야, 에이전트는 가격, 엔드포인트 (endpoint), 날짜와 같은 정보를 추출합니다. 단 한 줄의 JSON으로 처리될 수 있었던 것들을 말입니다.

이 불합리함은 가만히 앉아 생각할 때 비로소 실감하게 됩니다. 우리는 오직 사람의 눈을 위해 설계된 깔때기에 정교한 지능을 통과시키고 있습니다. 우리는 지금까지 만들어진 가장 유능한 추론 시스템들에게 웹 스크래퍼 (web scraper) 흉내를 내라고 요구하고 있는 것입니다.

해결책은 복잡하지 않습니다. 사고방식의 전환이 필요합니다. 우리는 백엔드의 사후 고려 사항으로서가 아니라, 일차적인 설계 계약으로서의 _API 우선 원칙 (API-First Mandate)_이 필요합니다. JSON, GraphQL, 그리고 시각적 잡음 없이 에이전트에게 필요한 정보를 정확히 전달하는 의미론적이고 (semantic), 타입이 지정되었으며 (typed), 기계가 읽을 수 있는 (machine legible) 인터페이스가 필요합니다.

IV. 리팩터링 이후의 세계

이것이 아름다움의 종말을 의미하지는 않습니다. 이는 두 가지 수준에서 동시에 작동하는, 다른 종류의 아름다움의 시작을 의미합니다. 인간이 볼 수 있는 레이어와 기계가 읽을 수 있는 레이어입니다. 이들은 경쟁하는 것이 아니라 병렬적으로 존재합니다.

가까운 미래의 전화기를 상상해 보십시오. 열어야 할 앱도 없고, 넘겨야 할 홈 화면도 없습니다. 그저 대화가 있을 뿐입니다. "이거 보내줘." "비행기 표 찾아줘." "내 리스트에 남은 게 뭐야?" 유연하고, 즉각적이며, 보이지 않습니다. 인터페이스는 의도 (intent) 속으로 붕괴됩니다.

최고의 인터페이스는 인터페이스가 없는 것이다. 그저 당신의 생각이 행동으로 번역될 뿐이다.

이 세계에서 번창할 개발자는 UI 엔지니어나 백엔드 전문가가 아닐 것입니다. 그들은 새로운 존재, 즉 _의미론적 인터페이스 설계자 (Architect of Semantic Interfaces)_가 될 것입니다. 인간과 기계라는 두 종 모두에게 동일한 숙련도와 정성으로 읽힐 수 있는 시스템을 설계하는 사람 말입니다.

이것은 웹이 항상 필요로 했던 리팩터링 (Refactor)입니다. 파괴가 아니라, 변혁입니다. 우리는 단순히 보여주기 위한 것을 만드는 것을 멈추고, 이해를 위한 것을 만들기 시작할 것입니다. 우리는 스크롤 (Scroll)에 최적화하는 것을 멈추고, 쿼리 (Query)에 최적화하기 시작할 것입니다.

프론트엔드 (Front end)가 죽어가는 것은 우리가 실패했기 때문이 아닙니다. 우리가 성공했기 때문이며, 우리가 만든 것이 이제는 더 큰 단계로 나아갈 준비가 되었기 때문입니다.

다음 시대는 다음에 올 지능 (Intelligence)을 위해 구축하는 사람들의 것입니다. 인간과 기계 모두를 바라보며, 사과하거나 타협하지 않고 두 존재 모두를 위해 설계하는 설계자들의 시대입니다.

그들을 위해 구축하기 시작하십시오. 미래는 이미 요구하고 있습니다.