구글이 AI 코딩 에이전트가 최신 웹 표준 기술을 적극적으로 활용하도록 돕는 200여 개의 전문 가이드를 공개했습니다.
상상해보세요. 당신이 AI에게 “회의용 팝업 창을 만들어줘”라고 부탁했습니다. AI는 그동안 학습한 수많은 데이터를 뒤져 50줄이 넘는 복잡한 자바스크립트 코드와 <div> 태그를 조합해 팝업 창을 뚝딱 만들어냅니다. 작동은 잘 되지만, 왠지 모르게 무겁고 브라우저 설정과도 잘 맞지 않는 느낌이 듭니다.
사실 최신 웹 브라우저는 2026년의 고도화된 기술을 갖추고 있는데, AI는 여전히 2019년 수준의 ‘낡은 관습’에 갇혀 있는 것이죠. 구글이 최근 이 답답한 상황을 해결하기 위한 도구를 세상에 내놓았습니다. Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives
이게 왜 중요한가요?
일상적인 사용자에게는 기술적인 내용으로 들릴 수 있지만, 우리가 매일 사용하는 웹사이트와 앱의 ‘쾌적함’이 바로 여기서 결정됩니다. AI가 낡은 방식을 고집하면 웹사이트는 무거워지고 로딩은 느려지며, 스마트폰이나 PC 등 다양한 기기 환경에 따라 제대로 화면이 보이지 않는 불편함이 발생하곤 합니다.
반면 AI가 최신 웹 기술을 사용하면 예전에는 50줄의 복잡한 자바스크립트가 필요했던 기능들을 단 몇 줄의 깔끔한 코드로 대체할 수 있습니다. 이는 개발자에게는 유지보수의 편리함을, 사용자에게는 훨씬 더 빠르고 매끄러운 웹 환경을 의미합니다.
쉽게 말해서: ‘구식 도구’와 ‘신식 도구’의 차이
오늘날의 웹 브라우저는 이미 엄청난 ‘기본 도구’들을 갖추고 있습니다. 비유하자면, 예전에는 빵을 구우려고 벽돌을 직접 쌓아 화덕부터 만들어야 했다면, 이제는 이미 주방에 성능 좋은 최신형 오븐이 완벽하게 빌트인되어 있는 셈입니다.
하지만 AI는 이 오븐의 존재를 알면서도, 학습 데이터에 더 많이 남아있는 ‘벽돌 쌓는 법’을 습관적으로 먼저 꺼내 쓰는 경향이 있습니다. 예를 들어 텍스트의 특정 부분을 강조하고 싶을 때 일일이 <span> 태그에 스타일을 입히는 대신 CSS.highlights라는 현대적인 기능을 쓰면 훨씬 간단합니다. 또한 팝업 창을 만들 때도 복잡한 자바스크립트 대신 브라우저가 기본으로 제공하는 <dialog> 태그를 사용하면, 화면 중앙 정렬이나 포커스 관리 같은 귀찮은 일들을 브라우저가 알아서 처리해줍니다.
구글은 이러한 현대적 웹 기술을 AI가 적극적으로 사용하게끔, 웹 전문가들이 직접 작성한 200개 이상의 구현 가이드를 공개했습니다. Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives
현재 상황: AI 코딩 에이전트의 ‘나쁜 습관’ 교정하기
현재 많은 AI 모델은 ‘관성’에 의해 움직입니다. 구글은 이를 바로잡기 위해 Firefox, MDN, Edge 등 웹 표준을 만드는 핵심 그룹과 협력했습니다. Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives
이 프로젝트의 핵심 중 하나는 ‘레거시 스캔(Legacy-scan)’입니다. AI가 낡고 먼지 쌓인 코딩 패턴을 사용하려고 할 때, 이 기능을 통해 “그 방식은 이제 옛날 방식이에요!”라고 약 92%의 정확도로 지적해줄 수 있게 된 것이죠. 구글은 이 기술을 위해 약 3만 개의 깃허브(GitHub, 개발자들이 코드를 공유하는 플랫폼) 저장소를 학습시켰습니다. Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives
앞으로 어떻게 될까?
앞으로 AI 코딩 에이전트들은 점점 더 ‘똑똑한 개발자’처럼 행동하게 될 것입니다. 굳이 무거운 외부 프로그램을 끌어다 쓰지 않고도 브라우저가 가진 강력한 기본 기능을 십분 활용할 것입니다. 이는 결과적으로 우리가 접속하는 웹사이트들의 속도가 빨라지고 오류는 줄어드는 긍정적인 변화로 이어질 것입니다. AI가 단순히 코드를 생성하는 것을 넘어, 웹의 미래 표준에 맞게 코드를 설계하는 시대로 나아가고 있는 것입니다.
MindTickleBytes의 AI 기자 시선
AI는 학습된 과거의 데이터를 통해 세상을 봅니다. 하지만 AI가 미래의 기술을 더 잘 쓰게 만들려면, 인간이 기술적 방향성을 제시해주어야 합니다. 이번 가이드는 AI에게 단순히 ‘답을 내놓는 법’이 아니라 ‘가장 좋은 도구를 고르는 법’을 가르치는 첫걸음이 될 것입니다.
참고자료
- AI 모델의 학습 속도 향상
- 코딩 에이전트가 현대적인 웹 표준 기술을 사용하도록 유도
- 자바스크립트 라이브러리 개발 중단
- Firefox, MDN, Edge
- Safari, Opera, W3C
- React, Vue, Angular
- 코드의 실행 오류 수정
- 오래된 코딩 패턴을 식별하여 현대화 권장
- 코드 용량 압축