원문 : How React Suspense Works Under the Hood: Throwing Promises and Declarative Async UI 도입: 리액트에서 비동기 UI가 어려운 이유 리액트에서 데이터를 가져오는 것은 쉽지만, 데이터를 기다리는 동안 사용자 경험을 처리하는 것은 쉽지 않습니다. 스피너, 로딩 상태, 에러 메시지 등은 종…
원문 : TanStack Form vs. React Hook Form 리액트에서 폼을 구축할 때, 좋은 전략 없이 진행하면 코드가 반복되고 복잡해지기 쉽습니다. 이 때문에 많은 개발자들이 React Hook Form 같은 인기 있는 라이브러리를 사용하여 폼을 관리합니다. 하지만 새로운 폼 라이브러리인 TanStack Form은 React Hook Form…
원문 : One Roundtrip Per Navigation 다른 페이지로 이동하려면 몇 번의 요청이 필요할까요? 가장 단순한 경우는 단 한 번의 요청만으로 해결됩니다. 사용자가 링크를 클릭하면 브라우저는 새 URL에 대한 HTML 콘텐츠를 요청하고, 그 콘텐츠를 표시합니다. 실제로는, 페이지가 이미지나 클라이언트 측 자바스크립트, 추가 스타일 등을 로드…
원문 : React Labs: View Transitions, Activity, and more React Labs 글에서는 현재 활발히 연구 및 개발 중인 프로젝트에 대해 작성합니다. 이번 글에서는 지금 바로 사용해 볼 수 있는 두 가지 새로운 실험적 기능과 현재 작업 중인 다른 영역에 대한 업데이트를 공유합니다. 참고 React Conf 2025는 1…
원문 : The Post-Developer Era 2년 전, 2023년 3월에 “프런트엔드 개발의 종말”이라는 블로그 글을 썼었습니다. 그때는 OpenAI가 GPT-4를 처음 공개한 시점이었고, 당시 일반적인 반응은 이제 곧 인간 소프트웨어 개발자는 필요 없어질 거라는 분위기였습니다. 이젠 전적으로 AI가 소프트웨어를 작성하게 될 거라는 얘기였죠. 저는 …
웹앱 개발에서 특히 안드로이드 웹뷰 환경을 다루다 보면 물리 뒤로 가기 버튼 처리가 까다로운 문제가 되곤 한다. 이 글에서는 이러한 문제 상황을 React Router의 훅을 활용해 안정적으로 해결하는 방법을 알아보려고 한다. 문제 상황: 안드로이드 웹뷰의 뒤로 가기 처리 일반적으로 안드로이드 웹뷰에서는 브라우저의 히스토리 스택을 기반으로 뒤로 가기를 …
원문 : React Trends in 2025 저는 매년 리액트 세계에서 가장 중요한 트렌드에 대해 논의합니다. 이번 글에서는 여러분이 2025년에 주목해야 할 리액트 트렌드를 살펴보겠습니다. 초보 개발자든 숙련된 개발자든, 이 트렌드를 통해 최신 리액트 생태계의 발전을 따라갈 수 있을 것입니다. 리액트 서버 컴포넌트(RSC) 리액트 서버 컴포넌트는 지금…
글또 10기를 시작하며 다짐 글을 썼던 게 오래되지 않은 것 같은데, 어느새 회고 글을 작성하게 되었다. 벌써 5개월이라는 시간이 흘렀다는 게 신기하지만, 이전 다짐 글에 작성했던 다짐과 액션 아이템을 돌아보며 글또 활동에 대해 돌아보고자 한다. 내 다짐 돌아보기 글또를 시작하며 얻고자 했던 것들에 대해 하나씩 돌아보고자 한다. 1. 꾸준한 글쓰기 습관 …
들어가며 요즘 개발자로서 나에게 있어 가장 무서운 것은 쌓여가는 연차(not 휴가)이다. 연차가 쌓여가는 것이 무섭고, 너무 빠르게 쌓여가는 것 같아 야속하게 느껴지기도 한다. 물론, 연차와 실력이 비례하는 것은 아니겠지만, 연차가 쌓여감에 따라 그 연차에 맞는 실력과 경험을 기대하는 것은 당연하다. 그렇기 때문에 나는 내 자신을 객관적으로 바라본다면 내…
원문 : There are a lot of ways to break up long tasks in JavaScript 이벤트 루프의 여러 틱에 걸쳐 길고 비용이 많이 드는 작업을 의도적으로 분할하는 것은 매우 일반적입니다. 하지만 선택할 수 있는 접근 방식은 매우 다양합니다. 몇 가지 방법을 살펴보겠습니다. 메인 스레드에서 길고 부하가 큰 작업을 실행하도…