이슈 개발시에는 문제 없지만 빌드 후 실행시 에러가 발생. 어떤 코드 중 기본 내보내기로 class가 있고 이 class는 정적 메서드를 가지고 있다. 정적 메서드를 호출할 때 에러가 발생한다. 에러 메시지 a.default.init is not a function a가 바로 기본 내보내기 모듈이며 cjs 방식으로 트랜스파일되며 default를 통해서 실행되는 것을 볼 수 있다. 하지만 default에 값은 class가 아닌 모듈의 명명된 내보내기 값들이 정의되어 있다. 재미있는 점은 a.default.default에 class 가 할당되어 있다는 점이다. 근본적인 원인은 CJS를 이상하게 다루는데 있다. 문제가 되는 패키지의 package.json 의 조건부 내보내기 는 아래와 같다. "exports"..

개발자가 알아두면 좋을 터미널 명령어 React Server Component 이해하기 Web Vitals 확장을 사용하여 Core Web Vitals 문제 디버깅 사용자 정의 스크롤바를 만들지 마세요 - 디자인 통일성을 위해 사용자의 선호도와 접근성을 차단하는 상황이 발생할 수 있음 Next.js App router 기반으로 전환하며 얻은 교훈 5가지

react에서 깜빡이는 UI 개선 및 관련된 브라우저 이야기 소프트웨어 엔지니어의 비판적 사고 - 비판적 사고를 위한 팀 문화는 어떻게 만들 수 있을까? 를 고민하는 글

효과적인 UI 디자인을 위한 30가지 지침 다크모드 디자인을 위한 11가지 팁 Sentry팀이 Enzyme에서 RTL로 마이그레이션한 과정 - RTL 사용시 많이 하는 실수 - Sentry RTL test guide React의 인질이 되어버린 나(React를 사랑하지만 동시에 증오하며 그 이유를 서술) 5가지 예제로 보는 JavaScript 메모리 누수 현상 빌드 단계는 필요하지 않아요.(Deno에서는) props drilling을 피하는 방법(시각화된 예제) huggingface를 js로 사용하기 refine 라이브러리를 이용하여 admin Panel 만들기 - refine: react 기반으로 다양한 플랫폼을 통합해서 원하는 프로젝트를 쉽게 만들수 있도록 제공해주는 플랫폼 라이브러리 Rethinki..

사내에서 모노레포 작업이 한창인듯 한데 개인적으로는 아직 접해보지 못한 미지의 영역이라 시장 조사 차원에서 모노레포가 왜 필요하며 어떤 역할을 하고 어떤 도구들이 있는지 포괄적으로 알아볼게요. monorepo? mono는 "하나"를 의미하는 그리스어의 접두사로 말 그대로 하나의 repository(저장소) 라는 뜻이에요. 사내에서 여러 프로젝트를 진행하게 될텐데 만약 프로젝트마다 별도의 github repository를 만들어서 작업한다면 프로젝트가 늘어날때 마다 repository도 늘어나겠죠. 하지만 Monorepo를 이용한다면 하나의 repository에서 모든 프로젝트가 관리되기 때문에 별도의 repository를 만들지 않아도 됩니다. 사내에서도 polyrepo 방식으로 앱과 라이브러리를 각각 ..

리액트는 왜 죽지 않는가? 대마불사 같은 느낌이기도 한데.. 많은 회사에서 이미 채택했고 신규 개발자들의 진입점으로 리액트를 선택하고 있는 상황이 순환되면서 리액트의 대안들이 나왔음에도 위상은 여전한 상황. 하지만 언제나 그랬듯 상황은 바뀌기 마련... https://twitter.com/leeerob/status/1465702417513680897?s=20&t=SIo9i9rSbzf_Juz3ibnhfA 트위터에서 즐기는 Lee Robinson “When there's competition in DevTools, developers win: ◆ Svelte is pushing React ◆ Remix is pushing Next.js ◆ Prisma is pushing ORMs ◆ Deno is push..