JavaScript/React 2

Next.js와 RSC(React Server Component)를 공부하며

Next.js를 맨 처음 접한게 대학원생 시절 v3~v4 쯤 되는데, 벌써 v14까지 나와있고 v15 릴리즈를 코앞에 두고 있다...-_-그동안 React를 CSR 위주로만 개발하다가 한참 outdated되어 있는 나의 Next.js 지식을 업데이트 하기 위해 여러가지 찾아보는 중올해부터 Next.js를 다시 사용하면서 막연하게 사용법만 숙지한채로 쓰고있는 Server component의 동작 원리를 제대로 알고 쓰면 좋을 것 같아서 조사를 시작했다What is RSC(React Server Component)?RSC는 서버사이드 렌더링을 주 목적으로 설계된 React 컴포넌트의 한 유형으로, React v18 및 Next.js v13부터 RSC가 도입되기 시작했다.RSC가 등장하기 이전의 기본적으로 쓰..

JavaScript/React 2024.09.22

vscode problems with Yarn Berry(PnP) & Workspace

1. Background현재 사내에서는 Yarn Berry(v3)을 사용중이지만 PnP 또는 zero-install을 사용하지 않는다. 또한 Yarn Berry가 처음 세상에 나올 때 아주 짤막하게 공부했던 나는 (실제로는 그렇지 않지만)zero-install이 곧 PnP와 같은 것이라 생각하고 있었다.그렇기 때문에 zero-install이 얼마나 실용적이던, 빠른 개발을 위해 상당히 많은 외부 의존성을 끌어쓰는 요즘에는 이러한 전략이 git을 너무 무겁게 만들 것이라는 걱정이 더 컸다(특히 monorepo에서 더욱). 그래서 한동안 Yarn에 대한 관심을 끄고, 개인 개발할 때에는 Yarn보다 더 매력적으로 보였던 pnpm을 애용했다.이러한 배경 상황에서 Yarn v4 Release 소식을 이제야 찾아..

JavaScript/React 2024.09.14