“왓챠 PiP 안 됨?” — 됩니다, 이제부터.
왓챠 웹에서 PiP 기능을 지원하게 된 소식을 소개했습니다. 기존 미니플레이어 한계와 브라우저별 PiP 차이도 함께 안내했습니다.
web 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
20개 표시
왓챠 웹에서 PiP 기능을 지원하게 된 소식을 소개했습니다. 기존 미니플레이어 한계와 브라우저별 PiP 차이도 함께 안내했습니다.
디자이너 혼자 AI를 활용해 콘서트팩 아카이빙 웹페이지를 제작한 과정을 소개했습니다. 여러 AI의 코드를 비교하고 시안 이미지를 활용해 브랜드 경험을 구현한 방식이 핵심입니다.
MDN 아키텍처 개편, React 접근성 점검, RSC 캐싱과 Cursor SDK 소식을 정리했습니다.\n웹 표준, 캐싱 경계, 코딩 에이전트의 제품 내 활용 흐름을 함께 살펴볼 수 있습니다.
X
AI와 Chrome DevTools flame chart를 함께 써서 Web 성능 병목을 빠르게 찾고 개선한 사례입니다. 배열 순회, Worker 통신, 소켓 이벤트를 줄여 하루 만에 체감 성능을 높였습니다.
Chrome DevTools flame chart와 AI를 결합해 Web 앱의 병목을 빠르게 찾고 개선한 사례를 소개했습니다. O(n²) 구조, Worker round-trip, 소켓 이벤트 폭탄을 줄여 성능을 개선했습니다.
도메인에 의존하지 않는 채팅 플랫폼 MessagingHub의 설계와 연동 구조를 소개했습니다. 웹 기반 공통 클라이언트와 정책 분리로 확장성과 이식성을 높였습니다.

바이브코딩은 프로토타입과 반복 작업에서 강력했지만, 실제 프로젝트에서는 이해와 검증 비용이 더 컸습니다. 그래서 설계는 사람이 하고 구현 일부만 AI에 맡기는 방식으로 전환했습니다.

FE 관련 주요 소식을 모아 소개한 큐레이션 글입니다. React 최적화, 합성 컴포넌트 패턴, jQuery 4.0.0 변경점을 함께 다뤘습니다.
도메인은 브랜드 신뢰와 운영 자산에 직접 영향을 주는 중요한 요소라고 설명했습니다. 가비아 AI 도메인 검색으로 등록 가능한 후보를 빠르게 좁혀 결정 과정을 줄이는 방법을 소개했습니다.

라포랩스가 AX팀을 통해 전사 구성원이 AI를 직접 쓰며 효용을 느끼도록 조직 혁신을 추진했습니다. 비개발자 교육, 내부 플랫폼, 자동화 사례로 AI 진입장벽을 낮췄습니다.
드림어스컴퍼니 Web Frontend 개발자 Louis의 인터뷰로, FLO RE;CORD 개발 경험과 AI 활용 사례를 소개했습니다. 옛날 노래 중심의 플레이리스트와 추천 이유도 함께 전했습니다.
복잡한 PDF를 LLM이 이해하도록 돕는 PaLADIN을 소개했습니다. 표·차트·숫자 처리 아키텍처와 성능 평가, 서비스 적용 사례를 함께 다뤘습니다.
JVM JIT Compiler 웜업의 기본과 기존 API 호출식 웜업의 부작용을 짚고, 라이브러리만 데우는 방식을 소개했습니다. 구현과 검증을 통해 이점과 한계를 함께 정리했습니다.
네이티브 앱의 배포 지연을 줄이기 위해 SDUI를 설계하고 도입한 과정을 정리했습니다. 서버 스키마 기반 화면 구성과 성능 최적화, 롤백 전략까지 함께 다뤘습니다.
팀네이버 컨퍼런스 DAN25 참가신청 안내입니다. 10월 27일과 28일에 선착순 신청이 진행되며, 키노트는 온라인 생중계로 시청하실 수 있습니다.
PR팀이 회사 소개 사이트를 직접 만들고 배포한 사례를 소개했습니다. 브리프와 AI 도구 조합으로 빠른 개발, 일관성, 운영 효율을 확보했습니다.

라포랩스 프론트엔드 조직의 역할과 일하는 방식을 소개한 인터뷰였습니다. AI First와 빠른 실험, 기술 공유 문화를 통해 성장하는 환경을 강조했습니다.
Perplexity AI의 브라우저 Comet 주요 기능과 활용 사례를 소개했습니다. AI 검색과 자동화가 강점이지만 일부 기능은 아직 보완이 필요했습니다.

Playwright로 계약 데이터 수동 생성 과정을 자동화해 2~3분 걸리던 작업을 30초로 줄였습니다. 반복 입력을 줄여 QA가 검증에 더 집중할 수 있도록 개선했습니다.
