← 모든 소스

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

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

원문 사이트 방문 →

CSS Scroll-Snap API로 자바스크립트 없이 이미지 캐러셀 구현하기

Scroll-Snap API의 원리를 이해하고, scroll-snap-type과 scroll-snap-align 속성을 활용해 자바스크립트 없이 이미지 캐러셀을 구현하는 방법을 소개한다.

·2023.01.19 09시

개발자 관점의 적정기술: 최신 기술보다 서비스 요구사항과 조직 환경 고려해야

적정기술은 개발자의 학습 욕구와 회사의 안정적 운영 목표 사이에서 균형을 찾는 리더의 핵심 역할이다.

·2023.01.12 09시

Cypress Studio로 로우코드 E2E 테스트 자동화 구축하기

Standalone 앱과 experimentalStudio 옵션을 활용해 코드 작성 없이 Cypress Studio로 E2E 테스트를 자동화하고 Git으로 관리하는 방법 소개

·2022.12.27 09시

마크다운에 리액트 컴포넌트 삽입: unified와 MDX 활용법

unified 라이브러리의 AST 변환 원리를 활용해 Gatsby 마크다운에 커스텀 태그를 리액트 컴포넌트로 치환하는 기법을 소개한다.

·2022.12.22 09시

서비스 워커로 네트워크 요청 가로채 Mock Response 구현하기

서비스 워커와 MessageChannel을 활용해 실제 네트워크 요청을 가로채고 가짜 응답을 반환하는 코드를 소개한다.

·2022.12.14 09시

구글 서치 콘솔 기반 웹사이트 SEO 기본 가이드: 사이트맵부터 성능 최적화까지

구글 서치 콘솔 등록부터 사이트맵, robots.txt, 메타데이터, 중복 URL 해결, 성능 최적화까지 7단계 절차 제시

·2022.12.08 09시

RTK Query 기반 API 어댑터 레이어로 미확정 API 대응

API 응답 모델이 확정되지 않은 초기 단계에서 어댑터 레이어를 도입해 UI 컴포넌트의 변경을 최소화하는 전략을 소개한다.

·2022.12.08 09시

라이브러리 없이 바닐라 JS로 해시 라우터 직접 구현하기

react-router-dom 없이 Fragment 해시와 정규식을 활용해 SPA 라우팅 시스템을 구축하는 과정을 소개한다.

·2022.12.06 09시

TypeScript 타입 시스템 해설: 구조적 타이핑과 유니온/인터섹션 타입, 객체 리터럴 검사

구조적 타이핑, 유니온/인터섹션 타입, 템플릿 리터럴 타입 및 객체 리터럴의 엄격한 검사 규칙을 예제와 함께 정리했다.

·2022.11.24 09시

221110 Ioc 패턴

Render Props, Compound Component, Controlled Props, Props Getter, State Reducer 패턴의 장단점과 적용 시나리오를 비교했다.

·2022.11.10 09시

카카오페이지, React Error Boundary 활용 비동기 에러 처리 전략 공개

React 18 미적용으로 Suspense 대신 자체 Fetcher 컴포넌트를 개발해 적용했다.

·2022.11.10 09시

React 컴포넌트 추상화: 책임 분리와 합성을 통한 유연한 설계

범용 컴포넌트의 도메인 의존성 제거와 커스텀 훅을 통한 비즈니스 로직 분리가 핵심이다.

·2022.10.20 09시

카카오페이지, 디자인 시스템 구축 위해 Tailwind CSS와 Twin.Macro 도입

Emotion CSS의 가독성 저하와 네이밍 부재 문제를 해결하고 접근성 향상을 위해 커스텀 단위와 플러그인을 적용했다.

·2022.10.13 09시

카카오웹툰, workflow_dispatch와 inquirer.js로 배포 자동화 개선

브랜치 생성 없이 터미널에서 region과 env를 선택해 GitHub Actions를 실행하는 방식이다.

·2022.09.29 09시

XState로 장바구니 구현하며 배우는 FSM과 상태 관리

XState의 컨텍스트, 가드, 서비스 등 핵심 기능으로 복잡한 UI 상태 흐름을 선언적으로 관리하는 방법을 정리했다.

·2022.09.22 09시

카카오엔터 FE개발팀, 신입 온보딩과 게더타운 기반 원격 협업 문화 공개

게더타운 활용, 6개월 교육, 코디네이터-코퍼레이터 시스템 등 팀 운영 방식을 소개했다.

·2022.09.15 09시

React와 Swiper 병용 시 이벤트 전파 문제 해결법

React의 이벤트 위임 구조로 인해 Swiper와 병용 시 stopPropagation이 실패하는 원인을 분석하고, 세 가지 해결 방안을 제시한다.

·2022.09.08 09시

React와 Canvas로 만든 Minion 바나나 캐치 게임 튜토리얼

React와 Canvas로 만든 Minion 게임 튜토리얼에서 바나나 생성 주기 500ms, 가속도 0.02, 점수 50점 규칙을 구현했다.

·2022.08.30 09시

MSW로 API 개발 전에도 통합 테스트 가능케 하는 모킹 전략

API 개발이 완료되지 않은 상황에서도 MSW를 활용해 목업 데이터를 반환하고, 조건부 렌더링 및 에러 처리 등 다양한 시나리오를 검증하여 통합 테스트의 효율성과 유지보수성을 높이는 방법을 소개한다.

·2022.08.25 09시

카카오페이지, Dialog Modal 재사용성 위해 합성 컴포넌트 패턴 도입

Prop 기반 구현의 확장성 한계를 합성 컴포넌트로 해결해 유지보수성과 직관성을 개선했다.

·2022.07.31 09시