Chrome 연결 허용 목록, 문서·워커의 통신 목적지를 헤더로 제한
구글이 Chrome 152부터 제공한다고 밝힌 Connection-Allowlist는 URL 패턴으로 문서와 워커의 통신 목적지를 제한한다. 보고 전용 정책과 리디렉션·WebRTC 예외를 제공하지만, CSP나 문맥 격리를 대신하는 만능 차단막은 아니다. 적용 범위와 예외 설정이 보호 수준을 좌우한다.
새롭게 도착한 이야기161편
Chrome 154, 콘텐츠에 맞추는 iframe과 링크·탭 스크롤 표시 모드 도입
구글이 Chrome 154 정식 배포 소식에서 반응형 iframe과 CSS 스크롤 표시 모드 확장을 소개했다. 임베디드 문서의 동의와 변경 후 재계산 요청이 필요한 iframe, 키보드 탐색 방식이 다른 links·tabs 모드는 크기와 접근성 동작을 브라우저에 맡기는 새로운 선택지다.
Chrome DevTools, 광고 스크립트 추적·소프트 탐색 분석과 에이전트 실행 제어 확대
구글의 10월 DevTools 정리는 Chrome 153·154에 도입된 광고 추적과 소프트 탐색 분석, MCP 실행 제어를 소개한다. 광고 지표는 Core Web Vitals와 별개이며, 에이전트의 스크립트 평가를 제한하는 설정도 추가됐다. 측정 대상과 실행 권한을 나눠 디버깅할 수 있는 변화다.
토스의 모바일 QA 자동화 실험, '토스닥터 V2'가 설계한 자가 치유와 통제의 경계
토스 QA Platform 팀이 주간 배포 파이프라인의 스모크 테스트 유지보수 비용을 낮추기 위해 '토스닥터 V2'를 공개했습니다. 한국어 BDD 시나리오를 바탕으로 LLM과 Appium MCP를 연동해 코드를 자동 생성하고, 테스트 실행 중 장애를 실시간으로 치유하며 실패 원인을 스스로 수정하는 구조를 구축했습니다. 다만 완전 자동화의 위험을 방지하기 위해 검증 단계의 유사 매칭을 제한하고 수동 개입 기준을 명확히 분리했습니다.
Adobe Express, 대규모 문서 지원 아키텍처 도입… 애드온 메모리 관리 방식 전면 개편
어도비가 대용량 프로젝트 성능 최적화를 위해 온디맨드 페이지 로딩 방식을 적용합니다. 문서 전체 요소를 상시 유지하던 기존 관행이 변경됨에 따라, 복수 페이지 탐색이나 비동기 처리를 수행하는 Express 애드온 개발팀은 최대 6개월 유예 기간 내에 신규 API 패턴으로 코드를 마이그레이션해야 합니다.
메타, 대규모 자원 배정 솔버 '리밸런서' 오픈소스 공개
메타가 사내 인프라에서 9년 이상 활용해 온 자원 배정 문제 해결 라이브러리 '리밸런서(Rebalancer)'를 아파치 2.0 라이선스로 일반에 공개했다. 문제 모델링과 풀이 엔진을 분리하고 수식 그래프 기반 설계를 적용해 대규모 인프라 운영 최적화를 지원한다.
메타, 대서양 횡단 1페타비트 해저케이블 ‘페탈’ 추진… 2코어 광섬유 첫 대규모 상용화
메타가 미국과 프랑스를 잇는 7,000km 규모의 차세대 해저케이블 ‘페탈(Petal)’을 발표했습니다. 2코어 멀티코어 광섬유와 96개 증폭기를 통합한 중계기를 도입해 기존 단일코어 기반 시스템 대비 두 배인 초당 1페타비트(Pbps) 설계 용량을 목표로 하며, 2029년 가동을 목표로 일본 NEC 및 스미토모전기와 협력합니다.
비개발자의 AI 코딩을 실서비스로 잇다: 여기어때 사내 배포 플랫폼 ‘바이브독’ 분석
여기어때컴퍼니가 AI 도구 확산에 발맞춰 비개발자도 채팅 한 줄로 사내망에 프로토타입을 배포할 수 있는 자체 플랫폼 ‘바이브독(VibeDock)’을 구축했다. Git 계정 발급이나 인프라 설정 없이도 안전하게 동작하는 시스템 구조와 사내 도입 4개월간의 운영 성과를 살펴본다.
대규모 QA 280건 돌파한 프론트엔드 파이프라인, AI 에이전트 협업의 실무 구조
여기어때가 해외투어 서비스 오픈 과정에서 발생한 QA 티켓 280건을 AI 에이전트와 협업해 처리한 기록을 공개했다. 개발자가 문제 원인과 비즈니스 방향성을 판단하고 AI가 재현과 로그 추적을 전담하는 체계를 세워, 대량의 결함을 빠르고 안정적으로 해소한 사례다.
미디어 쿼리의 단순 대체재가 아니다: CSS 컨테이너 쿼리를 대하는 새로운 접근법
CSS 컨테이너 쿼리는 화면 전체 대신 컴포넌트가 놓인 조상 요소의 크기를 읽습니다. 미디어 쿼리와 역할을 나누는 방법, 컨테이너 상대 단위, 크기 격리의 제약을 공식 기술 문서와 함께 살펴봅니다.
Chrome 155 탭 분할 API, 확장 프로그램에서 두 탭을 한 창에 나란히 배치
구글이 Chrome 155부터 확장 프로그램으로 기본 Split View를 만들고 해제하는 Tabs API를 제공한다. 기존 탭 두 개를 연결하거나 새 탭을 옆에 열 수 있지만 인접 위치·창·고정·그룹 상태에 조건이 있다. 배치 제어에 필요한 권한과 페이지 정보를 읽는 권한은 구분된다.
Chrome 155 베타가 예고한 CSS 간격·텍스트 모듈 변화, 구현 범위 확인이 핵심
Chrome 155 베타 안내는 목록 기호와 컨테이너 여백, 텍스트 모듈, 창 제어의 확장을 소개했다. 정식 출시 일정이 지난 현재에는 베타 당시 목록과 최신 릴리스 노트를 나눠 읽어야 한다. WebGPU나 JPEG XL과 별도로 UI 구성과 모듈 의존성 관리의 변화를 살펴본다.
리더보드 순위의 한계와 실무 최적화: 토스의 LLM 자체 평가 체계 'Toss Benchmark'
비바리퍼블리카(토스)가 공개 글로벌 리더보드 점수와 현업 환경 간의 괴리를 해소하기 위해 자체 LLM 평가 체계 'Toss Benchmark'를 구축했습니다. 평가 언어와 추론(Reasoning) 설정에 따른 극심한 순위 역전을 검증하고, 지시 준수 및 도메인 지식 지표를 바탕으로 사내 모델 서빙 기준을 정립했습니다.
어도비, 통합 개발 포털 'UXP Hub' 공개… 확장 생태계 단일화 착수
어도비가 크리에이티브 클라우드 플러그인 개발 체계를 일원화하는 'UXP Hub'를 공개했습니다. 공통 런타임 API, 개발 도구 가이드, 마켓플레이스 배포 지침을 단일 포털에 모으고 레거시 CEP의 단계적 전환 지원에 나섰지만, 호스트 앱 고유 DOM 분리와 재개발 부담은 여전히 과제로 남았습니다.
쿠버네티스 GPU 인식을 넘어 운영 신뢰성으로: 토스증권의 클러스터 고도화와 업스트림 기여
토스증권이 쿠버네티스 기반 GPU 클러스터 운영 문제를 해결하기 위해 하드웨어 헬스체크와 5단계 사전 검증 게이트를 구축하고, MIG 자원 파편화를 해결하는 Packed Allocation 정책을 구현해 엔비디아 공식 디바이스 플러그인에 병합시켰습니다.
어도비 커넥티드 엔터프라이즈 도입과 사용자 ID 체계 개편, 서드파티 개발자가 확인해야 할 변경점
어도비가 여러 조직에 분산된 기업 사용자 프로필을 단일 통합 프로필로 묶는 '커넥티드 엔터프라이즈'를 도입했습니다. 이에 따라 사용자 식별자 체계가 전면 개편되며 기존 Express Add-on API가 2026년 11월 15일부로 영구 제거되므로 개발사의 대응이 요구됩니다.
감성적 만족 대신 재무적 설득력으로 무장하는 UX 투자 회수율 프레임워크
재무팀과 이사회를 설득하기 위해 모호한 사용성 개선을 넘어 총투자 비용과 보수적 매출 기여도를 정밀하게 입증하는 실무적 UX ROI 산출 모델이 제시되었습니다.
대규모 프론트엔드 아키텍처의 현실적 선택: FSD의 이상과 접두어 기반 폴더 격리
여기어때 기술팀이 대규모 항공 예약 화면 구축 과정에서 표준 아키텍처인 FSD 대신 접두어 기반의 단순 폴더 명명 규칙을 적용한 사례를 공개했습니다. 이론적 표준과 실무 일정 사이의 상충 관계, 그리고 실제 도입 시 고려해야 할 기술적 한계를 분석합니다.
전역 저장소 없이 대규모 웹 구축하기: 상태 소유권 분리로 푼 프론트엔드 아키텍처
여기어때 서비스웹개발팀은 단일 코드베이스 기반의 대규모 항공 서비스 프론트엔드를 구축하며 Zustand나 Recoil 같은 범용 전역 상태 저장소를 전면 배제했습니다. 상태를 서버 데이터, URL 쿼리, 화면 UI, 컴포넌트 로컬의 네 영역으로 엄격히 분리하고 React Query와 nuqs를 결합해 컴포넌트 간 불필요한 Props Drilling을 해소했습니다.
웹과 앱 웹뷰의 인증 파편화, 'HttpOnly 쿠키 단일화'로 해결한 프론트엔드 아키텍처
여기어때 개발팀이 웹 브라우저와 네이티브 앱 웹뷰 환경 간의 상이한 토큰 수급 경로를 분석하고, 이를 서버 사이드 중심의 HttpOnly 쿠키 구조로 일원화해 XSS 위협과 화면 깜빡임 문제를 해결한 설계 방식을 공유했습니다.
단순 메모에서 연결된 지식으로: 사내 엔지니어가 카파시의 LLM 위키 패턴을 실무에 개작한 방식
여기어때 유저혜택개발팀 엔지니어가 안드레이 카파시의 LLM 위키 패턴을 업무 환경에 맞춰 변형한 뒤 2달간 운영한 기록을 공개했다. 정적 연구 자료용 설계를 목차(MOC) 계층 추가, 원본의 이동·수정 전면 금지, 코드베이스 우선 검증 규칙으로 보완하여 반복되는 장애의 원인을 식별하는 성과를 냈으나, 정리 비용과 수동 수집 의존성이라는 명확한 한계도 확인됐다.
OpenTelemetry와 ClickHouse 데이터 시각화를 위한 그라파나 커스텀 APM 산점도 패널 구현
여기어때 숙박플랫폼개선TF팀이 오픈텔레메트리와 클릭하우스에 적재된 대규모 트레이스 스팬 데이터를 효율적으로 시각화하기 위해 그라파나 커스텀 패널 플러그인을 개발한 사례를 공개했습니다. 기본 패널의 기능적 한계를 보완하고 10만 점 규모의 요청 지연 분포를 표현하기 위한 구조적 설계와 개발 방식을 다룹니다.
상용 APM 의존 벗는 산점도 파이프라인: OpenTelemetry와 ClickHouse 설계
여기어때 숙박플랫폼개선TF팀이 오픈소스 표준인 OpenTelemetry와 컬럼형 DBMS인 ClickHouse를 활용해 상용 APM 수준의 분산 추적 스캐터 차트를 구축하는 아키텍처를 공개했습니다. 개별 지연 분포를 시각화하기 위한 SpanKind 분류 기준과 MergeTree 스토리지 최적화 방안이 제시되었습니다.
여기어때 QA 경험담…화면 확인에서 예약·정산의 정책과 금액 검증으로
여기어때 서비스QA팀이 전시 화면 검증에서 예약·정산 업무로 이동하며 달라진 테스트 관점을 공유했다. 배치 실행 뒤 결과를 확인하고 정책·계산식과 상태 테이블을 준비하는 과정이 핵심이다. 화면의 정상 동작과 데이터 흐름의 정합성이 어떻게 다른 검증을 요구하는지 살펴본다.
