Understanding React Server Components 5만줄의 코드를 RSC로 전환(RSC 이해하고 점진적으로 전환하기) 훌륭한 테스트 기사 리스트 부드러운 시작 종료를 위한 새로운 CSS 기능 Redux 패키지를 ESM 방식으로 변경하며 배운 경험 JS 번들 크기를 33% 줄인 방법

2023년에 SVG를 다루는 방법 - SVG-in-JS 에서 벗어나라 프론트엔드 확장을 위한 원칙 💼 응용 프로그램 규모를 확장하기 위해 모노 레포(Mono Repo)를 사용하세요. 🧹 코드 삭제를 쉽게 만드는 것이 중요합니다. 🚢 변화를 점진적으로 수행하세요. 🔄 언제나 향상되고 저하되지 않도록 노력하세요. 🧩 컴포넌트 내 데이터 페칭은 가능한 한 간단하게 유지하세요. 📐 팀의 기술 표준을 유지하기 위해 린트 규칙을 도입하세요. 🌟 팀의 협업을 촉진하기 위해 장벽을 제거하세요. React Handbook React를 기본 개념을 숙지한 후 실제로 앱을 런칭하기까지 필요한 위한 가이드 React Team 커뮤니케이션에 초점을 맞춘 RSC 견해 코드 베이스의 복잡성 *Demystifying React Se..

Stackoverflow 개발자 설문조사 동향 현대적인 html image 처리 방식 HTTP streaming으로 성능 향상

이슈 개발시에는 문제 없지만 빌드 후 실행시 에러가 발생. 어떤 코드 중 기본 내보내기로 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 개선 및 관련된 브라우저 이야기 소프트웨어 엔지니어의 비판적 사고 - 비판적 사고를 위한 팀 문화는 어떻게 만들 수 있을까? 를 고민하는 글