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