Ykss

고이게 두지 않고 흘려보내는 개발자가 되자.

(번역) 리액트 컴파일러 v1.0

10/28/2025

원문 : React Compiler v1.0 리액트 팀은 새로운 업데이트를 공유하게 되어 매우 기쁩니다. 리액트 컴파일러 1.0이 오늘부터 사용 가능합니다. 컴파일러 기반 린트 규칙이 의 및 프리셋에 포함되었습니다. 점진적 도입 가이드를 게시했으며, Expo, Vite, Next.js 팀과 협력하여 신규 앱에서 컴파일러를 활성화한 상태로 시작할 수 있…

(번역) 리액트에서 `flushSync`로 포커스 관리 마스터하기

9/15/2025

원문 : Mastering Focus Management in React with 포커스 관리는 문제가 생기기 전까지는 잘 인지하지 못하는 부분입니다. 하지만 한 번이라도 문제가 발생하면 앱이 어색하게 동작하거나, 접근성이 떨어지거나, 혹은 아예 잘못된 것처럼 느껴질 수 있습니다. 오늘은 포커스 관리를 제대로 할 수 있게 도와주지만, 잘 알려지지 않은 …

(번역) 검색 파라미터는 상태입니다

8/21/2025

원문 : Search Params Are State 검색 파라미터(Search params)는 상태입니다 — 그렇게 취급하십시오 검색 파라미터는 역사적으로 2급 상태처럼 취급되어 왔습니다. 전역적이고, 직렬화 가능하며, 공유 가능하지만, 대부분의 앱에서는 여전히 문자열 파싱, 느슨한 규칙, 취약한 유틸리티를 이용한 임시방편식 접근에 머물러 있습니다. 파…

(번역) 리액트 서스펜스의 내부 작동 원리: 프로미스를 던지기와 선언적 비동기 UI

8/1/2025

원문 : How React Suspense Works Under the Hood: Throwing Promises and Declarative Async UI 도입: 리액트에서 비동기 UI가 어려운 이유 리액트에서 데이터를 가져오는 것은 쉽지만, 데이터를 기다리는 동안 사용자 경험을 처리하는 것은 쉽지 않습니다. 스피너, 로딩 상태, 에러 메시지 등은 종…

(번역) TanStack Form vs React Hook Form

7/10/2025

원문 : TanStack Form vs. React Hook Form 리액트에서 폼을 구축할 때, 좋은 전략 없이 진행하면 코드가 반복되고 복잡해지기 쉽습니다. 이 때문에 많은 개발자들이 React Hook Form 같은 인기 있는 라이브러리를 사용하여 폼을 관리합니다. 하지만 새로운 폼 라이브러리인 TanStack Form은 React Hook Form…

(번역) 한 번의 왕복 요청으로 이루어지는 내비게이션

6/10/2025

원문 : One Roundtrip Per Navigation 다른 페이지로 이동하려면 몇 번의 요청이 필요할까요? 가장 단순한 경우는 단 한 번의 요청만으로 해결됩니다. 사용자가 링크를 클릭하면 브라우저는 새 URL에 대한 HTML 콘텐츠를 요청하고, 그 콘텐츠를 표시합니다. 실제로는, 페이지가 이미지나 클라이언트 측 자바스크립트, 추가 스타일 등을 로드…

(번역) React Labs: 뷰 트랜지션과 액티비티, 그리고 더 많은 것들

5/22/2025

원문 : React Labs: View Transitions, Activity, and more React Labs 글에서는 현재 활발히 연구 및 개발 중인 프로젝트에 대해 작성합니다. 이번 글에서는 지금 바로 사용해 볼 수 있는 두 가지 새로운 실험적 기능과 현재 작업 중인 다른 영역에 대한 업데이트를 공유합니다. 참고 React Conf 2025는 1…

(번역) 포스트 개발자 시대

4/28/2025

원문 : The Post-Developer Era 2년 전, 2023년 3월에 “프런트엔드 개발의 종말”이라는 블로그 글을 썼었습니다. 그때는 OpenAI가 GPT-4를 처음 공개한 시점이었고, 당시 일반적인 반응은 이제 곧 인간 소프트웨어 개발자는 필요 없어질 거라는 분위기였습니다. 이젠 전적으로 AI가 소프트웨어를 작성하게 될 거라는 얘기였죠. 저는 …

React Router의 useBlocker 훅을 통한 웹뷰 환경의 안드로이드 물리 버튼 뒤로 가기 처리

4/14/2025

웹앱 개발에서 특히 안드로이드 웹뷰 환경을 다루다 보면 물리 뒤로 가기 버튼 처리가 까다로운 문제가 되곤 한다. 이 글에서는 이러한 문제 상황을 React Router의 훅을 활용해 안정적으로 해결하는 방법을 알아보려고 한다. 문제 상황: 안드로이드 웹뷰의 뒤로 가기 처리 일반적으로 안드로이드 웹뷰에서는 브라우저의 히스토리 스택을 기반으로 뒤로 가기를 …

(번역) 2025년 리액트 트렌드

4/8/2025

원문 : React Trends in 2025 저는 매년 리액트 세계에서 가장 중요한 트렌드에 대해 논의합니다. 이번 글에서는 여러분이 2025년에 주목해야 할 리액트 트렌드를 살펴보겠습니다. 초보 개발자든 숙련된 개발자든, 이 트렌드를 통해 최신 리액트 생태계의 발전을 따라갈 수 있을 것입니다. 리액트 서버 컴포넌트(RSC) 리액트 서버 컴포넌트는 지금…