Nginx์—์„œ HTTP Cache ์ ์šฉํ•˜๊ธฐ

Nginx์—์„œ HTTP Cache ์ ์šฉํ•˜๊ธฐ

์ •์ ํŒŒ์ผ์„ ์ œ๊ณตํ•˜๋Š” Nginx ์›น์„œ๋ฒ„์— HTTP Cache๋ฅผ ์ ์šฉํ•˜๋Š” ๊ณผ์ •๊ณผ ๊ฒฐ๊ณผ์— ๊ด€ํ•œ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค.

  • http
  • nginx
Redux useSelector ๋ฆฌ๋ Œ๋”๋ง ์ตœ์ ํ™”

Redux useSelector ๋ฆฌ๋ Œ๋”๋ง ์ตœ์ ํ™”

redux์—์„œ ์ œ๊ณตํ•˜๋Š” useSelector๋ฅผ ์ด์šฉํ•˜๋ฉฐ ๋ฐœ์ƒํ•œ ๋ฆฌ๋ Œ๋”๋ง ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ณผ์ •์„ ๋‹ค๋ฃฌ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค.

  • redux
์ปดํฌ๋„ŒํŠธ Lazy Loading, Preloading

์ปดํฌ๋„ŒํŠธ Lazy Loading, Preloading

React ํ”„๋กœ์ ํŠธ์—์„œ ์ปดํฌ๋„ŒํŠธ์˜ Lazy Loading๊ณผ PreLoading์„ ์ ์šฉํ•ด ์ตœ์ ํ™”ํ•œ ๋‚ด์šฉ์„ ๋‹ค๋ฅธ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค.

debounce with Optimistic UI

debounce with Optimistic UI

debounce์™€ optimisticUI๋ฅผ ์ ์šฉํ•ด ๋ฌดํ•œํด๋ฆญ์œผ๋กœ ๋ฐœ์ƒํ•œ ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•œ ๊ณผ์ •์— ๋Œ€ํ•ด ์ž‘์„ฑํ•œ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค.

  • debounce
  • optimisticUI
Recoil์˜ Prefeching์„ ํ†ตํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ฐœ์„ ๊ธฐ

Recoil์˜ Prefeching์„ ํ†ตํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ฐœ์„ ๊ธฐ

Recoil์˜ Prefetching ๊ธฐ๋Šฅ์„ ์ด์šฉํ•ด ํŠน์ • ํŽ˜์ด์ง€์˜ ๋ Œ๋”๋ง์„ ์ตœ์ ํ™”ํ•ด ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๊ฐœ์„ ํ•œ ๋‚ด์šฉ์„ ๋‹ค๋ฃฌ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค.

  • recoil