정호일(harry)

GraphQL Mutation 설계하기

thumbnail-image-/2022/220113-designing-graphql-mutation/

GraphQL Mutation 설계에 도움이 되는 글을 소개합니다.

·7 min read
이동혁(ray)

카카오웹툰은 GitHub Actions를 어떻게 사용하고 있을까?

thumbnail-image-/2022/220106-github-actions/

카카오웹툰에서 사용하고 있는 Github Actions를 간략하게 소개합니다.

김규재(novell)

Suspense와 선언적으로 Data fetching처리

thumbnail-image-/2021/211127-211209-suspense/

React에서 렌더링 시 비동기 처리를 어떻게 하는지 그리고 어떠한 어려움들이 있는지 알아보고, Suspense를 사용하면 어떻게 달라질 수 있는지 알아보겠습니다.

허동욱(root)

카카오웹툰은 하드웨어 가속과 IntersectionObserver를 어떻게 사용했을까?

thumbnail-image-/2021/211202-gpu-intersection-observer/

카카오웹툰은 인터렉션 퍼포먼스 향상을 위해 하드웨어 가속과 IntersectionObserver을 어떻게 사용했을까

·11 min read
임성묵(steve)

프론트엔드와 THE TWELVE-FACTOR APP

thumbnail-image-/2021/211125-create-12factor-app-with-nextjs/

The Twelve-Factor와 Next.js 를 통해 만드는 유연하고 견고한 웹 애플리케이션

방경민(kai)

웹에서 다크모드 지원하기

thumbnail-image-/2021/211118-dark-mode/

보통 밝은 바탕, 어두운 글자를 제공하는 일반적인 UI와는 반대로 어두운 바탕, 밝은 글씨를 기본으로 보여주는 UI…

이윤용(ibra)

setSelectionRange로 검색창 커서 옮기기

thumbnail-image-/2021/211104-setselectionrange/

검색창에 텍스트가 있으면 클릭시 커서가 제일 뒤로 오도록 해주세요. 기획팀으로 부터 요구사항미션이 들어왔습니다. 커서를 옮기기 위해 setSelectionRange() 를 사용했습니다. 원래 이 메소드의 용도는 input 이나 textarea 요소에서 특정 영역의 글자를 선택하기 위해 사용합니다. 마치 사용자가 마우스로 드래그하거나, 키보드의 shift 키를 누른 채로 영역을 지정하는 것처럼요.

남윤복(kiwi)

React Children 과 친해지기

thumbnail-image-/2021/211022-react-children-tip/

React에서 가장 흔하게 볼 수 있는 prop을 물어본다면, 많은 이들이 을 꼽지 않을까 싶은데요. React의 강력한 합성(Composition) 모델을 구현하기 위해서는 prop…

이재승(landvibe)

타입스크립트 꿀팁

thumbnail-image-/2021/211012-typescript-tip/

타입스크립트를 사용하는 프론트엔드 개발자가 많아졌습니다. 카카오엔터테인먼트에서는 거의 모든 프로젝트에서 타입스크립트를 사용하고 있는데요. 타입스크립트는 여러모로 유용한 도구이지만 가끔은 타입 에러를 해결하느라 진땀을 빼기도 합니다. 그럴 때는 any…