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

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

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

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

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

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

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