React 리스트 리렌더링과 key prop 관련 Issue 해결하기

React 리스트 리렌더링과 key prop 관련 Issue 해결하기

프로젝트를 진행하며 발생했던 리스트 리렌더링과 key prop 관련 이슈를 해결한 내용을 다룬 포스트입니다.

  • rerender
  • key
  • @egjs/react-infinitegrid
  • MasonryGrid
pnpm 기반 모노레포 의존성 트러블슈팅

pnpm 기반 모노레포 의존성 트러블슈팅

pnpm 기반의 모노레포 프로젝트에서 라이브러리를 사용하기 위한 셋업 과정에서 발생한 의존성 이슈와 해결 방법에 대해 작성한 포스트입니다.

  • monorepo
  • pnpm
  • jest
  • react-testing-library
e2e테스트와 자동화 with PlayWright

e2e테스트와 자동화 with PlayWright

사내 프로젝트에 도입했던 PlayWright을 이용한 e2e 테스트와 자동화에 대한 발표를 정리하고 이를 개인 프로젝트에 적용 시키며 있었던 개발 과정에 대해 기록한 포스트입니다.

  • e2e
  • test
  • playwright
Jotai IE Issue 해결하기

Jotai IE Issue 해결하기

프로젝트에 Jotai 라이브러리를 도입하는 과정에서 발생한 IE 백화현상에 대해 해결한 과정을 다룬 포스트입니다.

  • jotai
  • webpack
  • cjs
  • esm
SSG 에러 핸들링(useQuery, on Error, try-catch)

SSG 에러 핸들링(useQuery, on Error, try-catch)

SSG형태로 렌더링하는 블로그 각 포스트 페이지에 대해 queryString이 비정상적인 경우에 대한 에러핸들링을 다룬 포스트입니다.

  • react-query
  • ssg
모노레포 세팅 Trouble Shooting (feat. babel)

모노레포 세팅 Trouble Shooting (feat. babel)

모노레포 적용 과정에서 프로젝트 전체에 동일한 Babel 설정을 적용하기 위한 트러블슈팅 내용을 다룬 포스트입니다.

  • monorepo
  • babel