AI Briefing#web-development
#web-development와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#web-development와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
Replit이 웹 페이지 디버깅을 위해 모바일에서도 사용 가능한 네이티브 DevTools 기능을 출시했다.
별도 빌드된 컨테이너를 런타임에 통합하여 빌드 시간과 영향 범위를 줄이는 Webpack 5의 Module Federation 기능의 원리와 한계를 설명한다.
개발자가 TailwindCSS의 복잡한 문법과 제한점을 개선하고 Figma AutoLayout 연동을 지원하기 위해 on-demand Atomic CSS 라이브러리 'AdorableCSS'를 공개했다.
Replit이 모바일 환경의 개발 경험을 혁신하기 위해 기존 Redux 기반 아키텍처를 버리고 새로운 서비스 중심의 모바일 IDE를 출시했다.
컬리 물류 웹개발팀이 중복 개발을 줄이기 위해 내부 공통 라이브러리를 구축하고 첫 패키지를 공개했다.
Replit 개발자의 경험을 바탕으로 Ace, Monaco, CodeMirror 등 브라우저 기반 코드 에디터의 특징과 장단점을 비교한다.
카카오페이지는 body 태그 클래스 제어와 CSS 변수로 다크모드를 구현하고, 렌더링 차단 스크립트로 플리커를 해결했다.
백엔드 API 대기 시간 없이 프론트엔드 개발을 병행할 수 있도록 네트워크 수준 Mocking을 적용했다.
패키지 매니저인 Nix의 함수형 프로그래밍 기능을 활용하여 웹 애플리케이션을 구축하는 실험적인 방법을 소개한다.
카카오 FE플랫폼팀이 자체 성능 측정 도구 개발과 공통 컴포넌트 제작 등 개발 환경 개선에 나선다.
뱅크샐러드가 GatsbyJS를 활용해 SEO와 유지보수성을 개선한 채용 사이트를 구축했으며, 배포 후 지원자 유입이 2배 증가했다.
카카오톡 업데이트 주기 제약으로 웹앱 전환, Webpack Lazy Loading으로 초기 로딩 최적화
카카오커머스 FE개발파트가 Angular를 선택한 이유는 SPA 개발에 필요한 모든 기능을 퍼스트파티로 제공해 서드파티 의존성을 줄이고, 공통 모듈 개발을 통해 폼 처리 생산성을 높였기 때문이다.
카카오게임즈, 커머스, 본사 개발자가 프렌즈타임 웹앱, Angular 운영, Vue 리팩토링 사례를 발표했다.
rem의 최소 폰트 사이즈 문제를 해결하기 위해 vw 단위로 웹페이지를 선형 축소하는 기법을 적용했다.
뱅크샐러드가 Clean Architecture에 맞춰 LocalStorage를 DataSource로 추상화해 타입 안정성을 확보한 사례를 공유했다.