전체 글

* 이글은 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 컴포넌..

“과거를 알면 현재가 보인다”는 말이 있다. 역사는 단순히 지나간 사건들의 기록에 그치지 않고, 과거의 경험은 우리가 현재의 문제를 이해하고 미래를 대비하는 데 중요한 교훈을 제공한다. 과거의 정치적 결정, 사회적 변화, 경제적 위기, 문화적 발전은 현재 우리가 직면한 도전과 기회들을 해석하는 데 도움을 준다. 또한 역사는 사회적 갈등이나 혁명의 이유를 이해하게 함으로써, 현시대의 문제를 해결할 실마리를 제공하기도 한다. 이렇게 역사는 단순한 기록이 아니라, 우리가 현재를 올바르게 보고, 더 나은 미래를 만들어 가기 위한 나침반과도 같은 역할을 한다.  새로운 기술들도 마찬가지이다. 현재 사용되고 있는 기술들은 과거에 있었던 갈등이나 문제, 그리고 좌절과 고난에 경험 끝에서 나온 축적물들이다. 불편했던 ..