AI Briefing#javascript
#javascript와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#javascript와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
카카오웹툰 검색창에서 커서를 항상 끝으로 이동시키기 위해 setSelectionRange와 setTimeout 0ms를 활용해 타이밍 이슈를 해결한 사례
React.Children.toArray()가 Fragment 내부 요소를 평탄화하지 못해 react-keyed-flatten-children이 유일한 해결책으로 제시됐다.
Web Worker를 활용해 오피스 문서 텍스트 추출과 암호 해제를 병렬 처리하여 UI 프레임 드롭을 방지하고 성능을 개선하는 방법을 소개한다.
카카오 FE플랫폼팀이 Electron v11.2.2 기반 데스크톱 앱 개발 시 겪은 인증, 렌더링, 알림 등 기술적 난제와 해결책을 정리했다.
웹 사진 편집기 '포토스'의 성능 개선을 위해 OffscreenCanvas와 Web Worker를 도입한 경험과 데모 검증 결과, 발생 이슈 및 브라우저 지원 현황을 공유한다.
5개 이미지 필터 테스트 결과 WebAssembly가 JavaScript 대비 약 2~3배 빠른 성능을 기록했으며, 이를 통해 서버 통신 비용을 제거하고 처리 속도를 높였다.
폴 그레이엄이 Y Combinator를 명명한 배경인 Lambda Calculus의 Y Combinator 개념과 재귀 구현 원리를 Clojure와 JavaScript로 설명한다.
카카오 FE 플랫폼팀이 웹톡 서비스의 전역 스코프 오염 문제를 해결하기 위해 Babel 7과 core-js 3를 활용한 폴리필 설정 방법을 공개했다.
카카오 FE 플랫폼팀 주디가 웹 접근성, IoT 홈오토메이션, 디자인 시스템 등 3가지 주요 세션의 인사이트를 공유했다.
React의 선언형 UI와 Virtual DOM 원리를 설명하고, Hook을 활용한 상태 관리 및 성능 최적화 방법을 제시했다.
특수 문자 제거 정규식의 한계를 극복하기 위해 한글, 영문, 숫자 외 문자를 제외하는 유니코드 기반 최종 정규식을 적용했다.
ESLint 설정을 npm으로 공유하는 Shareable Configs 작성법과 AST 기반 커스텀 규칙 개발 프로세스를 소개한다.
Daum영화는 2016년 개편 시 RxJS 4를 도입해 검색 자동완성, 방향키 제어, 평점 목록 로딩 등에서 callback hell을 해결하고 비동기 이벤트 흐름을 관리한 경험을 공유했다.