JavaScript 4

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

Node.js v15.0.0 릴리즈 소식

본 글은 nodejs.medium.com/node-js-v15-0-0-is-here-deb00750f278의 내용을 기반으로 작성되었습니다. 본 글의 내용은 원문의 내용에 대한 보완 설명과 예제 코드를 포함하고 있습니다. 코드는 [JavaScript MDN]에서 제공하는 예제를 참고하여 작성했습니다. 2020.10.20에 Node.js의 새로운 버전인 v15.0.0이 릴리즈 되면서 LTS Release와 Current Release의 버전이 교체됩니다. LTS Release: 12 -> 14 Current Release: 14 -> 15 그간 Release 규칙에 따르면, LTS Release는 짝수 단위로 교체되어 왔습니다. 따라서 다음 버전의 Current Release(v16)가 출시되어도 LTS ..

JavaScript/Node 2020.10.27

(소개) keymetrics.io

https://keymetrics.io keymetrics http://pm2.keymetrics.io/docs/usage/quick-start/ pm2 사용하는법 keymetrics는 노드의 프로세스 관리 툴인 pm2를 모니터링하는 웹 GUI툴이다. 내가 작성한 노드앱을 pm2로 클러스터 구성을 하고, keymetrics에 키와 함께 등록하면, 웹에서 기본적인 상태 모니터링이 가능하고 원격으로 재시작도 할 수 있어요 이렇게 기본 프로필이 보이고 cpu, mem을 클릭하면 자세히 볼수있음 아직 복잡한 기능같은건 써본적이 없으나 현재 나의 사용 목적으로는 훌륭한 모니터링 도구이다 프리미엄 결제는 아직 그지라서 고려해보지않았지만 웹으로 돈벌이를 할때면 프리미엄 기능도 활용해보고싶다

JavaScript/Node 2016.12.28