AI Briefing#react
#react와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#react와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
컬리 물류 웹개발팀이 중복 개발을 줄이기 위해 내부 공통 라이브러리를 구축하고 첫 패키지를 공개했다.
카카오엔터테인먼트 개발자가 React Suspense를 활용해 비동기 데이터 fetching 시 발생하는 경쟁 상태와 Waterfall 문제를 해결하는 방법을 소개했다.
카카오맵, 카카오페이 등 내부 서비스의 프론트엔드 및 모바일 개발 경험과 기술 적용 사례를 공유한다.
React.Children.toArray()가 Fragment 내부 요소를 평탄화하지 못해 react-keyed-flatten-children이 유일한 해결책으로 제시됐다.
enum 대신 union type, index signature 대신 mapped type 등 타입 안정성과 생산성을 높이는 4가지 팁을 소개했다.
3년 차 이상 경력자 대상, React·Vue 등 다양한 기술 스택 적용 및 코드 리뷰 중심 문화 강조
Replit은 React 개발 환경의 속도를 높이기 위해 기존 Webpack 대신 Vite를 도입했다.
올리브영 신입 개발자가 React를 활용해 리뷰 웹 앱 '리리뷰'를 제작하고 프로젝트를 마무리하며 느낀 기술적 경험을 공유한다.
Emotion과 TypeScript를 활용해 CSS-in-JS 환경에서 중첩된 테마를 Typesafe하게 관리하는 방법을 소개한다.
UI 로직과 렌더링을 분리한 구조로 React, Vue, 바닐라 JS 패키지 간 의존성 관리와 배포 효율을 높였다.
카카오 FE플랫폼팀은 40명 이상 규모로 React와 Vue.js를 주로 사용하며 완전선택적근로제를 운영한다.
React의 선언형 UI와 Virtual DOM 원리를 설명하고, Hook을 활용한 상태 관리 및 성능 최적화 방법을 제시했다.
뱅크샐러드가 GatsbyJS를 활용해 SEO와 유지보수성을 개선한 채용 사이트를 구축했으며, 배포 후 지원자 유입이 2배 증가했다.
GatsbyJS에서 History API와 react-transition-group을 활용해 자연스러운 페이지 전환 애니메이션을 구현하는 방법을 소개한다.
Replit이 React 프레임워크 개발 환경의 속도를 높이기 위해 컨테이너를 미리 실행해 두는 Preboot 기술을 도입했다.
Repl.it은 확장성과 로딩 속도를 극대화하기 위해 플러그인 기반의 경량 서버 렌더링 IDE를 구축했다.
카카오가 HBase 클러스터의 리전 분포와 요청 현황을 시각화하는 오픈소스 도구 'HBase Region Inspector'를 공개했다.