AI Briefing#javascript
#javascript와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#javascript와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
HuggingFace가 브라우저와 서버에서 LLM에 도구 사용 권한을 부여하는 JavaScript 라이브러리 Agents.js를 출시했다.
스크롤 위치, Z축 렌더링, 터치 이벤트 등 4가지 주요 버그의 원인과 코드 기반 해결법을 제시했다.
Next.js Dynamic Import가 Swiper 컴포넌트의 displayName을 제거해 발생하는 렌더링 오류를 직접 설정 또는 transpilePackages 옵션으로 해결할 수 있다.
다중 환경 조건문을 Map 구조로 전환해 가독성을 높이고, node_modules 캐싱으로 실행 성능을 개선했다.
카카오 신입 FE 개발자는 6주간 인스타그램·넷플릭스 클로닝 등 미션 기반 실습과 현업자의 코드 리뷰를 통해 기술 역량을 강화했다.
라이브러리 없이 TouchEvent API를 활용해 손가락 간 거리 변화로 확대 축소 로직을 작성한다.
Jest Custom Matchers를 설정해 반복적인 검증 로직을 줄이는 방법과 TypeScript 타입 정의 과정을 소개한다.
카카오 FE가 Promise 취소 기능 표준화 난항 원인을 분석하고, 광고 SDK에서 롤백 지연 방식으로 렌더링 취소 문제를 해결한 사례를 소개했다.
서비스 워커와 MessageChannel을 활용해 실제 네트워크 요청을 가로채고 가짜 응답을 반환하는 코드를 소개한다.
react-router-dom 없이 Fragment 해시와 정규식을 활용해 SPA 라우팅 시스템을 구축하는 과정을 소개한다.
브랜치 생성 없이 터미널에서 region과 env를 선택해 GitHub Actions를 실행하는 방식이다.
XState의 컨텍스트, 가드, 서비스 등 핵심 기능으로 복잡한 UI 상태 흐름을 선언적으로 관리하는 방법을 정리했다.
React의 이벤트 위임 구조로 인해 Swiper와 병용 시 stopPropagation이 실패하는 원인을 분석하고, 세 가지 해결 방안을 제시한다.
2022년 6월 발표된 ES2022의 주요 기능과 2023년 정식 스펙 추가 가능성이 높은 TC39 Stage 4 제안 기능을 정리했다.
Replit이 웹 페이지 디버깅을 위해 모바일에서도 사용 가능한 네이티브 DevTools 기능을 출시했다.
햄버거 메뉴 아이콘 예제로 CSS, SVG, Animation API 등 4가지 웹 애니메이션 구현법을 비교했다.
별도 빌드된 컨테이너를 런타임에 통합하여 빌드 시간과 영향 범위를 줄이는 Webpack 5의 Module Federation 기능의 원리와 한계를 설명한다.
V8 엔진은 힙을 New와 Old 영역으로 분리해 각각 Scavenger와 Mark-Sweep-Compact 알고리즘으로 관리한다.
1500x1500 이미지 색상 추출 시 메인 스레드 단독 처리(1016.70ms) 대비 16개 워커 분산 처리 시 한 워커당 완료 시간을 69.89ms로 단축했다.
Custom Render 래퍼로 Storybook 스토리의 MSW 모킹을 Jest에서 자동 적용해 중복 코드를 제거했다.
Kaboom.js와 Nakama를 활용해 Replit 환경에서 멀티플레이어 게임을 제작하는 방법을 안내한다.
HTMLAudioElement의 Safari 호환성 이슈와 레이턴시를 Web Audio API의 BufferSource 노드로 해결했다.