← 모든 소스

카카오엔터테인먼트 테크 뉴스

카카오엔터테인먼트 테크에서 수집한 AI·개발 최신 뉴스와 한국어 요약입니다.

원문 사이트 방문 →

카카오웹툰, SSR 캐싱·로딩 시머 등 프론트엔드 성능 최적화 사례 공개

카카오웹툰이 SSR 캐싱 적용으로 TPS와 응답 시간을 수십 배 개선하고, 로딩 시머와 패시브 이벤트 리스너 등을 통해 사용자 경험을 향상한 프론트엔드 최적화 사례를 공개했다.

·2022.01.20 09시

GraphQL Mutation 설계 원칙: 명시적 작명, 단일 입력 객체, 중첩 구조 활용

GraphQL Mutation 설계 시 명시적 작명, 단일 입력 객체 사용, 그리고 중첩 구조를 통해 확장성과 유지보수성을 높이는 방법을 제시한다.

·2022.01.13 09시

카카오웹툰, GitHub Actions로 멀티 리전 배포 및 자동화 구현기

카카오웹툰 개발자가 GitHub Actions를 활용해 테스트 자동화, 슬랙 알림, 멀티 리전 배포 및 스케줄링 배포를 구현한 사례를 공유했다.

·2022.01.06 09시

카카오엔터 개발자, React Suspense로 비동기 데이터 처리와 경쟁 상태 해결법 공유

카카오엔터테인먼트 개발자가 React Suspense를 활용해 비동기 데이터 fetching 시 발생하는 경쟁 상태와 Waterfall 문제를 해결하는 방법을 소개했다.

·2021.12.09 09시

카카오웹툰, IntersectionObserver로 렌더링 퍼포먼스 최적화 사례 공개

카카오웹툰은 하드웨어 가속과 IntersectionObserver를 적용해 렌더링 성능을 개선하고, CPU 6배 지연 테스트에서 스크롤 이벤트 대비 프레임 안정성을 입증했다.

·2021.12.02 09시

카카오엔터 FE, Next.js에 12-Factor 원칙 적용… 배포 시간 15분→1분 단축

카카오엔터테인먼트 FE 개발팀이 Next.js 서비스에 12-Factor App 원칙을 적용하여 배포 시간을 15분에서 1분으로 단축하고, async_hooks를 활용해 요청 단위 로그 추적을 구현했다.

·2021.11.25 09시

카카오페이지, 웹 다크모드 구현 시 SSR 플리커 방지 및 CSS 변수 활용법 공유

카카오페이지는 body 태그 클래스 제어와 CSS 변수로 다크모드를 구현하고, 렌더링 차단 스크립트로 플리커를 해결했다.

·2021.11.18 09시

카카오웹툰 검색창 커서 끝 이동 구현: setSelectionRange와 setTimeout 0ms 활용기

카카오웹툰 검색창에서 커서를 항상 끝으로 이동시키기 위해 setSelectionRange와 setTimeout 0ms를 활용해 타이밍 이슈를 해결한 사례

·2021.11.11 09시

React.Children.toArray(), Fragment 내부 평탄화 실패… react-keyed-flatten-children이 유일한 대안

React.Children.toArray()가 Fragment 내부 요소를 평탄화하지 못해 react-keyed-flatten-children이 유일한 해결책으로 제시됐다.

·2021.11.04 09시

카카오엔터 개발자, TypeScript 실무 팁 4가지 공유

enum 대신 union type, index signature 대신 mapped type 등 타입 안정성과 생산성을 높이는 4가지 팁을 소개했다.

·2021.10.28 09시