처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
테크 뉴스
Hacker News 2026.07.04 42

이제 AI가 사파리를 직접 열어서 디버깅해줘요 — WebKit 팀의 Safari MCP 서버

Hacker News 원문 보기
이제 AI가 사파리를 직접 열어서 디버깅해줘요 — WebKit 팀의 Safari MCP 서버

웹 개발하다 보면 이런 경험 다들 있으실 거예요. 크롬에서는 멀쩡하게 잘 돌아가던 페이지가 사파리에서만 이상하게 깨지는 거요. 그런데 맥이 없거나, 있어도 사파리 디버깅이 익숙하지 않아서 한참을 헤매게 되죠. 사파리 브라우저의 엔진을 만드는 WebKit 팀이 이 문제를 AI 시대에 맞게 풀어보겠다고 공식 Safari MCP 서버를 공개했어요.

MCP가 뭐냐면

먼저 MCP부터 짚고 갈게요. MCP는 Model Context Protocol의 약자인데요, Anthropic이 2024년 말에 공개한 오픈 표준이에요. 쉽게 말하면 'AI 모델이 외부 도구를 사용할 수 있게 해주는 공통 규격'이에요. USB-C 비유를 많이 하는데요, 예전에는 기기마다 충전 단자가 달라서 케이블을 잔뜩 들고 다녀야 했잖아요. MCP는 AI와 도구 사이의 연결을 하나의 규격으로 통일한 거예요. 그래서 Claude Code든 다른 AI 에이전트든, MCP 서버 하나만 만들어두면 어디서든 그 도구를 쓸 수 있게 되는 거죠.

Safari MCP 서버로 뭘 할 수 있나요

이번에 나온 Safari MCP 서버를 연결하면, AI 코딩 에이전트가 사파리를 직접 조작할 수 있게 돼요. 페이지를 열고, 자바스크립트를 실행하고, 콘솔에 찍힌 에러 로그를 읽고, DOM 구조(웹페이지를 이루는 요소들의 나무 구조라고 생각하시면 돼요)를 들여다보는 것까지요. 지금까지 개발자가 Web Inspector(사파리의 개발자 도구)를 열어서 손으로 하나하나 확인하던 작업을 에이전트가 대신 해주는 거예요.

이게 왜 대단하냐면, 워크플로우가 완전히 달라지거든요. 예전에는 '사파리에서 레이아웃이 깨진다'는 버그 리포트를 받으면, 개발자가 직접 사파리를 열고, 재현하고, 원인을 찾고, 고치고, 다시 확인하는 과정을 전부 수동으로 했어요. 이제는 에이전트한테 '이 페이지 사파리에서 열어서 콘솔 에러 확인하고 고쳐줘'라고 하면, 에이전트가 스스로 브라우저를 조작하면서 문제를 재현하고, 코드를 수정하고, 다시 사파리에서 검증까지 하는 루프를 돌 수 있는 거죠.

업계 흐름에서 보면

사실 이 방향으로 먼저 움직인 건 구글이었어요. 구글은 Chrome DevTools MCP를 내놓으면서 AI 에이전트가 크롬 개발자 도구에 접근할 수 있게 했고요, 마이크로소프트도 Playwright MCP로 브라우저 자동화를 에이전트에 연결했어요. 그런데 이 조합에는 큰 구멍이 하나 있었는데, 바로 사파리였어요. 사파리는 원래 자동화 지원이 제일 약한 브라우저로 유명했거든요. Selenium이나 Playwright에서도 WebKit 지원은 늘 반쪽짜리 느낌이었고요.

그런데 사파리를 무시할 수가 없는 게, 아이폰의 브라우저들은 내부적으로 WebKit 엔진을 쓰게 되어 있어요(크롬 앱을 깔아도 속은 WebKit이에요). 그러니까 모바일 웹 트래픽의 상당 부분이 사실상 WebKit 위에서 돌아가는 거죠. '크롬에서 되면 끝'이 아니라는 얘기예요. 애플 쪽에서 직접 공식 MCP 서버를 내놨다는 건, 이제 주요 브라우저 진영이 모두 AI 에이전트 시대의 개발 워크플로우를 공식적으로 받아들였다는 신호이기도 해요.

한국 개발자에게는

한국은 특히 크롬 점유율이 높아서 개발할 때 크롬만 보고 만드는 경우가 많은데요, 그러다 아이폰 사용자한테서 '화면이 이상해요' 문의를 받고 나서야 부랴부랴 맥을 찾는 일이 흔하죠. Safari MCP 서버가 있으면 이 검증 과정을 개발 단계에 자연스럽게 끼워 넣을 수 있어요. Claude Code 같은 도구를 쓰고 계시다면 MCP 서버 설정에 추가하는 것만으로 바로 써볼 수 있고요, 배포 전에 '사파리에서도 한번 돌려봐'를 에이전트 루틴에 넣어두는 것도 가능해지는 거죠. 맥 환경이 필요하다는 제약은 여전하지만, 맥에서 개발하는 분이라면 진입 장벽이 확 낮아진 셈이에요.

정리하면, AI 에이전트가 이제 크롬뿐 아니라 사파리까지 직접 열어보고 고칠 수 있는 시대가 됐다는 거예요. 여러분은 크로스 브라우징 테스트를 어떻게 하고 계세요? 에이전트한테 브라우저 검증을 맡겨보실 생각이 있으신가요?


🔗 출처: Hacker News

이 뉴스가 유용했나요?

이 기술을 직접 배워보세요

바이브코딩으로 직접 만들어보세요

이 기술, 강의에서 실습으로 배울 수 있습니다.

바이브코딩 강의 보기

"비전공 직장인인데 반년 만에 수익 파이프라인을 여러 개 만들었습니다"

실제 수강생 후기
  • 비전공자도 6개월이면 첫 수익
  • 20년 경력 개발자 직강
  • 자동화 프로그램 + 소스코드 제공

매일 AI·개발 뉴스를 받아보세요

주요 테크 뉴스를 매일 아침 이메일로 전해드립니다.

스팸 없이, 언제든 구독 취소 가능합니다.