AI Briefing#web-development
#web-development와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#web-development와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
AI 에이전트를 튜터로 활용해 실전 웹 개발을 배우는 오픈소스 커리큘럼 'Open Vibe'가 공개되었습니다.
ElevenLabs의 Conversational AI 위젯을 Framer 웹사이트에 연동하여 대화형 AI 기능을 구현하는 방법을 안내한다.
WebGPU로 AVBD 기반 rigid-body/soft-body 물리 프로토타입을 구현했다.
멀티모달 코딩 에이전트의 웹 개발 능력을 단계별로 평가하는 Vision2Web 벤치마크가 공개되었다.
Gradio 6의 gr.HTML 업데이트로 단일 Python 파일 내에서 복잡한 인터랙티브 웹 컴포넌트 구현이 가능해졌다.
올리브영 테크팀이 물류 현장의 제약 사항을 극복하기 위해 PWA를 도입하여 PDA 기반 WMS의 UX를 개선한 사례를 공유한다.
SK플래닛 개발자가 ChatGPT 대화 중 질문 이력을 한눈에 보고 이동할 수 있는 크롬 확장 프로그램을 개발해 공개했다.
Replit이 외부 도메인 등록업체를 거치지 않고 플랫폼 내에서 직접 도메인을 검색, 구매 및 설정할 수 있는 기능을 출시했다.
Replit이 디자인 도구처럼 텍스트와 스타일을 직관적으로 수정할 수 있는 Element Editor를 공개했다.
가상 스크롤, 비제어 컴포넌트, Message Queue batching 등을 적용해 Lighthouse 점수를 70점대에서 90점대로 개선했다.
올리브영이 복잡한 상품 데이터를 안정적으로 관리하기 위해 TypeScript의 타입 시스템을 어떻게 활용하는지 설명한다.
올리브영은 기획전 마크업 자동화를 위해 드래그로 영역을 지정하고 리사이징 및 이동이 가능한 제작 툴을 개발했다.
올리브영의 직무 전환 프로그램인 '잡 챌린지'를 통해 프론트엔드 개발자로 성장한 신입 개발자의 여정을 공유한다.
FCP 0.4초, LCP 0.6초 단축 및 CLS 0.097 달성으로 사용자 경험 개선
Sorry-Cypress 병렬 테스트 적용으로 E2E 실행 시간을 2분 이상에서 30초대로 단축했다.
Scroll-Snap API의 원리를 이해하고, scroll-snap-type과 scroll-snap-align 속성을 활용해 자바스크립트 없이 이미지 캐러셀을 구현하는 방법을 소개한다.
서비스 워커와 MessageChannel을 활용해 실제 네트워크 요청을 가로채고 가짜 응답을 반환하는 코드를 소개한다.
React 18 미적용으로 Suspense 대신 자체 Fetcher 컴포넌트를 개발해 적용했다.
Replit이 매일 15분씩 100일 동안 실전 프로젝트를 구축하는 '100 Days of Code' 프로그램을 출시했다.