AI Briefing#frontend
#frontend와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#frontend와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
백엔드 API 대기 시간 없이 프론트엔드 개발을 병행할 수 있도록 네트워크 수준 Mocking을 적용했다.
카카오 FE플랫폼팀이 Electron v11.2.2 기반 데스크톱 앱 개발 시 겪은 인증, 렌더링, 알림 등 기술적 난제와 해결책을 정리했다.
3년 차 이상 경력자 대상, React·Vue 등 다양한 기술 스택 적용 및 코드 리뷰 중심 문화 강조
FE 플랫폼 팀 개발자가 Rome 컨트리뷰터 및 ESLint 커미터로서 오픈소스 기여를 통해 코드 리뷰, 딥다이브, 테스트 역량을 키운 경험을 공유했다.
웹 사진 편집기 '포토스'의 성능 개선을 위해 OffscreenCanvas와 Web Worker를 도입한 경험과 데모 검증 결과, 발생 이슈 및 브라우저 지원 현황을 공유한다.
디자이너 협업용 Functional CSS, Mocking 도구 msw.js, 주니어 개발자의 오픈소스 성장기 공유
5개 이미지 필터 테스트 결과 WebAssembly가 JavaScript 대비 약 2~3배 빠른 성능을 기록했으며, 이를 통해 서버 통신 비용을 제거하고 처리 속도를 높였다.
올리브영 신입 개발자가 React를 활용해 리뷰 웹 앱 '리리뷰'를 제작하고 프로젝트를 마무리하며 느낀 기술적 경험을 공유한다.
2021년 1월 19일 배포 예정인 Chrome M88부터 같은 도메인의 HTTP와 HTTPS가 서로 다른 사이트로 취급된다.
Angular 모듈의 FanIn/FanOut 기반 불안정성 수치(I)로 설계 의도 이탈 코드 식별
카카오 계열사 FE 개발자들이 전역 상태 관리와 스크롤 복원 등 실무 경험을 공유하는 온라인 세션을 개최했다.
UI 로직과 렌더링을 분리한 구조로 React, Vue, 바닐라 JS 패키지 간 의존성 관리와 배포 효율을 높였다.
카카오 FE 플랫폼팀이 웹톡 서비스의 전역 스코프 오염 문제를 해결하기 위해 Babel 7과 core-js 3를 활용한 폴리필 설정 방법을 공개했다.
카카오 FE 플랫폼팀 주디가 웹 접근성, IoT 홈오토메이션, 디자인 시스템 등 3가지 주요 세션의 인사이트를 공유했다.
카카오 FE플랫폼팀은 40명 이상 규모로 React와 Vue.js를 주로 사용하며 완전선택적근로제를 운영한다.
카카오 FE플랫폼팀이 자체 성능 측정 도구 개발과 공통 컴포넌트 제작 등 개발 환경 개선에 나선다.
ESLint 설정을 npm으로 공유하는 Shareable Configs 작성법과 AST 기반 커스텀 규칙 개발 프로세스를 소개한다.
카카오톡 업데이트 주기 제약으로 웹앱 전환, Webpack Lazy Loading으로 초기 로딩 최적화
카카오커머스 FE개발파트가 Angular를 선택한 이유는 SPA 개발에 필요한 모든 기능을 퍼스트파티로 제공해 서드파티 의존성을 줄이고, 공통 모듈 개발을 통해 폼 처리 생산성을 높였기 때문이다.
카카오 FE 플랫폼 팀이 Vue 컴포넌트 테스트 작성 시 로직 분리, 스냅샷 활용, shallowMount 전략 등 실무 경험을 공유했다.
카카오게임즈, 커머스, 본사 개발자가 프렌즈타임 웹앱, Angular 운영, Vue 리팩토링 사례를 발표했다.