프론트엔드 개발자는 끝났을까? 프론트엔드 디자인은 안전할까 (Are Frontend Developers Cooked?)
Erik Hanchett는 AI 에이전트로 Winamp 스타일 MP3 플레이어와 5K 훈련 앱을 만들어 본 경험을 공유했습니다. 그는 프론트엔드 일 자체는 사라지지 않지만, 결과물이 좋은지 판단하려면 여전히 스택에 대한 깊은 이해와 안목이 필요하다고 말합니다.
Are Frontend Developers Cooked? Is Frontend design safe?
I recently put out a video arguing that frontend development is changing. I don't think the work is...
개요 #
개발자 Erik Hanchett는 얼마 전 "프론트엔드 개발이 바뀌고 있다"는 영상을 올렸습니다. 그의 요지는 프론트엔드 일이 사라진다는 게 아닙니다. 바뀌는 건 '프론트엔드 개발자'라는 직함이고, 많은 개발자가 풀스택 개발자로 옮겨 가고 있다는 이야기였습니다.
영상에 댓글이 많이 달리자 그는 후속 영상을 찍었습니다. 이번에는 AI 에이전트로 실제 앱 두 개를 만들어 보면서 "프론트엔드 디자인은 AI로부터 안전한가"라는 질문을 직접 따져 봤습니다.
본문 #
스택 하나를 골라 깊게 파라 #
Photo by Daniil Komov on Pexels
그가 가장 흥미롭게 읽은 댓글은 경력 30년 가까운 62세 개발자가 남긴 글이었습니다. 이 개발자는 이제 Claude가 자기 업무의 절반가량을 처리한다고 했습니다. 그러면서 Vue나 Angular 같은 프론트엔드 프레임워크 두어 개를 고르고, C# 같은 탄탄한 백엔드와 묶어서 완전히 통달하라고 조언했습니다.
Hanchett도 이 말에 동의합니다. 적어도 한 분야에서는 전문가가 되어야 한다는 건 그가 평소에도 해 온 이야기입니다. 그는 요즘 앱 대부분을 Kiro를 에이전트 하네스(agent harness)로 삼아 만들지만, 그 아래 깔린 스택은 여전히 깊이 알고 싶다고 말합니다. 그래야 무슨 일이 벌어지는지 이해하고, 일이 꼬였을 때 에이전트를 바로잡을 수 있기 때문입니다. 그의 표현을 빌리면 에이전트는 훌륭하지만, 결과물 검토를 그만둘 만큼 훌륭하지는 않습니다.
디자인은 AI가 아직 못 따라오는 영역일까 #
이번 영상 제목은 위 댓글에서 따왔습니다. 댓글 작성자는 CRUD 앱은 LLM이 쉽게 해치우지만, 뻔하지 않으면서 보기 좋은 UI와 뛰어난 UX는 아직 LLM이 힘들어하는 영역이라고 주장했습니다.
Hanchett는 반쯤 동의합니다. 예전 Anthropic 모델 시절에는 누가 디자인을 한 번에 뽑아냈는지(one-shot) 한눈에 알아볼 수 있었습니다. 전형적인 Tailwind 템플릿 같은 모습이었기 때문입니다. 그런데 새 모델이 나올 때마다 구분하기가 점점 어려워지고 있습니다. 이런 화면을 매일 들여다보지 않는 사람 대부분은 그 디자인이 괜찮다고 느낀다고 합니다.
지난 영상에서는 '안목(taste)'을 거의 다루지 않았지만, 그는 이 부분이 중요하다고 말합니다. 화면을 보고 UX가 제대로 작동하는지 알아보는 일, 접근성 문제를 잡아내는 일, 사용자가 어떤 흐름에서 막힐지 미리 알아차리는 일은 여전히 경험 많은 사람의 판단에서 나옵니다. 다만 LLM도 계속 그 수준에 다가가고 있다고 덧붙였습니다.
실험 1: AI 에이전트로 Winamp를 다시 만들다 #
이 질문을 시험해 보려고 그는 작은 UI 요소가 많은 대상을 골랐습니다. Kiro Crew에게 예전 Winamp MP3 플레이어를 재현해 달라고 했고, 그렇게 나온 결과물이 'ErikAmp'입니다.
그는 UI 완성도에 꽤 감탄했다고 합니다. ErikAmp에 들어간 기능은 다음과 같습니다.
- 슬라이더가 줄지어 있는 이퀄라이저
- 스크롤되는 재생 목록
- 재생, 일시정지, 정지, 다음 곡, 이전 곡
- 셔플, 반복, 밸런스, 볼륨
이걸 손으로 전부 동작하게 만들려면 며칠은 걸리고, 다른 일을 전혀 안 해도 하루 이틀은 필요했을 거라고 합니다. 에이전트는 지난 토요일에 사실상 한 번에 만들어 냈습니다. 그 뒤로 버그 몇 개를 고치게 했고, 그러는 동안 에이전트가 테스트 스위트까지 통째로 작성했습니다.
소스 코드는 아주 단순합니다. Vue나 React를 쓰라고 하지 않았더니 에이전트는 프레임워크를 아예 쓰지 않았습니다. index.html 하나에 CSS 약간, JavaScript 파일 몇 개, 그리고 Python 코드 조금이 전부입니다.
원래 있던 디자인을 따라 한 것 아니냐고 반박할 수도 있겠죠. 그래도 그가 새 테마 세 개를 만들어 달라고 하자, 에이전트는 보기 좋은 테마를 만들어 냈습니다.
실험 2: 'AI 티'가 나기 시작하는 지점 #
두 번째로 보여 준 앱은 그가 달리기 대회를 준비하려고 만든 5K 코치 앱으로, 그날그날 무엇을 해야 하는지 알려 줍니다.
그는 이 앱이 기본 Anthropic 스타일에 가장 가깝다고 말합니다. 어두운 카드, 둥근 모서리, 알약 모양 배지가 그 특징입니다. 화려하지도 않고, 대단하다고 할 수준도 아닙니다. 그래도 자기 훈련 계획용으로는 충분하고, 에이전트와 함께 몇 분 만에 만들었습니다. 직접 손으로 만들었다면 훨씬 많은 시간이 들었을 겁니다.
그래서, 프론트엔드 개발자는 끝났을까 #
Photo by cottonbro studio on Pexels
Hanchett의 답은 "아니다"입니다. 프론트엔드를 만드는 일은 그 어느 때보다 쉬워졌고, 그도 거의 힘들이지 않고 에이전트로 작동하는 앱 두 개를 얻었습니다. 하지만 그 앱이 정말 괜찮은지 판단하는 건 여전히 개발자의 몫입니다. 그 판단을 하려면 자기 스택을 잘 알아야 하고, 어느 정도 안목도 있어야 합니다.
그는 다음 콘텐츠 방향도 고민 중이라고 밝혔습니다. AI 워크플로 콘텐츠를 더 다룰지, 전통적인 Vue 강좌와 기초 튜토리얼을 더 다룰지 독자 의견을 묻고, 프론트엔드가 어디로 향한다고 보는지도 함께 물었습니다.
이 글은 위 출처를 바탕으로 한국 독자를 위해 재작성한 기사입니다. 원문의 사실과 수치에 근거하며, 별도의 견해를 포함하지 않습니다.