분류 전체보기

* 이글은 Placeholder and Initial data in react query를 번역하였습니다. Placeholder and Initial Data in React QueryLearn about the different possibilities to avoid loading spinners in React Query.tkdodo.eu대부분의 경우 귀찮은 로딩 스피너를 싫어합니다. 때로는 로딩 스피너가 필요하지만, 가능한 한 이를 피하고 싶습니다.React Query는 이미 많은 상황에서 로딩 스피너를 없앨 수 있는 도구를 제공합니다. 백그라운드에서 업데이트가 진행되는 동안 캐시에서 오래된 데이터를 얻을 수 있고, 나중에 필요할 데이터를 미리 가져올 수 있으며, 쿼리 키가 변경될 때 이전 데이터..

* 이글은 What's new in React 19를 번역하였습니다. What’s new in React 19 - VercelReact 19 is near. Here's what to expect and how you can get started deploying React 19 on Vercel.vercel.comSever Components서버 컴포넌트는 React가 10년 전 처음 출시된 이후 가장 큰 변화 중 하나입니다. 이들은 React 19의 새로운 기능들의 기반 역할을 하며 다음과 같은 개선을 제공합니다:초기 페이지 로드 시간: 서버에서 컴포넌트를 렌더링하여 클라이언트로 전송되는 JavaScript의 양을 줄임으로써 초기 로드 속도를 빠르게 합니다. 또한, 페이지가 클라이언트에 전송되기 전에..

* 이 글은 Yes, the Next.js Router Cache is Actually Good 를 번역하였습니다.TL;DRNext.js의 라우터 캐시는 논란이 있지만, 유용한 기능입니다.라우터 캐시는 서버 부하를 줄이고, 사용자 경험(UX)을 개선하며, "허용 가능한" 정도의 오래된 데이터를 제공하는 것을 목표로 합니다.사용자가 시작하는 변경 작업(mutation)의 경우 서버 액션(server actions)을 사용해야 합니다.항상 최신 데이터가 필요한 경우에는 클라이언트 측 데이터 페칭을 사용하십시오.staleTimes와 router.refresh는 예외적으로 사용할 수 있는 방법이지만, 라우터 캐시와 관련하여 대부분의 경우 더 나은 해결책이 존재합니다.The Controversy Known as ..

* 이 글은 How styled-components works: A deep dive under the hood 를 번역하였습니다. How styled-components works: A deep dive under the hoodCSS-in-JS is getting more and more common in the modern front-end development and especially in the React community. styled-components…medium.comCSS-in-JS는 현대 프론트엔드 개발, 특히 React 커뮤니티에서 점점 더 보편화되고 있습니다. 그중에서도 styled-components는 태그 템플릿을 사용해 스타일을 정의하는 것만으로도 일반적인 React 컴포넌..