SWC(Speedy Web Compiler) ๋ ๋งค์ฐ ๋น ๋ฅธ ์น ์ปดํ์ผ๋ฌ ์ ๋๋ค. Rust ์ธ์ด๋ก ๊ฐ๋ฐ๋์ด ๋์ ์ฑ๋ฅ์ ์ ๊ณตํฉ๋๋ค.JS, TS ์ฝ๋๋ฅผ ํธ๋์คํ์ผํ๊ณ ์ปดํ์ผํฉ๋๋ค.๊ธฐ์กด Babel๊ณผ TSC ๋ณด๋ค ์ฑ๋ฅ์ด ์ข์ผ๋ฉฐ ๋์ฒด ๊ฐ๋ฅํฉ๋๋ค.์ปดํ์ผ๊ณผ ๋ฒ๋ค๋ง ๋ชจ๋๋ฅผ ์ฒ๋ฆฌํ ์
"์ด๋ค ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋ ์ข์๊น?"React์์ ์ํ ๊ด๋ฆฌ๋ ํ์์ ์ ๋๋ค. ์ค๋์ ๋ํ์ ์ธ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ Jotai์ Zustand๋ฅผ ๋น๊ตํ๋ฉฐ ๊ฐ๊ฐ์ ์ฅ๋จ์ ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค.Jotai๋ atomic ํจํด์ ๊ธฐ๋ฐ์ผ๋ก ์ํ๋ฅผ ๋ ๋ฆฝ์ ์ธ ๋จ์(atom)๋ก ๊ด
์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ์ด ๋ง์ lodash. ๋ฐ๋ก ์ฐ๊ธฐ ํธํ๊ณ ํ๊ฐ๊ฐ ๋์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด์ง๋ง, ๋ชจ๋ ํ๋ก์ ํธ์์ ๋ฌด์กฐ๊ฑด ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ ์ ํ์ผ์ง๋ ๊ณ ๋ฏผ์ด ๋ฐ๋ฆ ๋๋ค.์ด ๊ธ์์๋ lodash์ ์ฑ๋ฅ ๋ฌธ์ ์ฌ๋ถ์, ๋์์ผ๋ก ๊ณ ๋ คํ ๋งํ ๊ฐ๋ฒผ์ด ์ ํธ๋ฆฌํฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ์๊ฐํด
๊ฐ๋ฐ์ ํ๋ค ๋ณด๋ฉด"์ด ๋ชจ๋ ์์ง๋๊ฐ ๋ฎ์๋ฐ?","๊ฒฐํฉ๋ ์ข ์ค์ด์","์ด๊ฑด ์์กด์ฑ์ด ๋๋ฌด ๊ฐํ๋ฐ?"์ ๊ฐ์ ๋ง์ ์์ฃผ ๋ฃ๊ฒ ๋ฉ๋๋ค. ์ด๋ฒ ๊ธ์์๋ ์ด๋ฌํ ๊ฐ๋ ๋ค์ ์ ๋ฆฌํด๋ณด๋ ์๊ฐ์ ๊ฐ์ ธ๋ณด๋ ค ํฉ๋๋ค.์ด ์ธ ๊ฐ์ง ๊ฐ๋ ์ ์ ๋๋ก ์ดํดํ๋ฉด, ๋ ์ข์ ๊ตฌ์กฐ์ ์ฝ๋๋ฅผ ์ค๊ณํ ์

์ด ๋ฌธ์๋ React ๊ธฐ๋ฐ SSR/CSR ๋ ๋๋ง์์ ์์ฃผ ๋ฑ์ฅํ๋ ๊ฐ๋ ๋ค์ธ hydration, layout shift, skeleton UI, chunk, @loadable/component, ๊ทธ๋ฆฌ๊ณ Emotion์ ๋ํด ์์ธํ ์ค๋ช ํฉ๋๋ค. Hydration ์ La

์์ฆ ๊ด์ฌ์ฌ์ธ ๋์์ธ์์คํ ๊ฐ๋ฐ ๋ฐ ์ ์ง๋ณด์ ์ค์์ ํฝ์ ์ ๋ํ ๋ด์ฉ์ ์ ๋ฆฌํ๋ ๊ธ์ ๋๋ค. CSS์์๋ ๋ค์ํ ๊ธธ์ด ๋จ์๋ฅผ ์ฌ์ฉํ์ฌ ์์์ ํฌ๊ธฐ, ์ฌ๋ฐฑ, ๊ธ๊ผด ํฌ๊ธฐ ๋ฑ์ ์กฐ์ ํฉ๋๋ค. ๊ทธ์ค์์๋ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋ ๋จ์์ธ px, em, rem์ ๋ํด ์์ธํ ์ดํด๋ณด๊ฒ ์ต๋

๋ชจ๋ ์ ์ ๋๋น๋ฅผ ๊ฐ๊ฒ ๊ณ ์ ํ๋ ๋ฐฉ๋ฒ์์ ํ๋ฉด์ฝ๋๊ฒฐ๊ณผ

๋ธ๋ผ์ฐ์ ์ ํ๋ฆฐํธ ๊ธฐ๋ฅ์ ์ฌ์ฉ์ ๋ฐฐ๊ฒฝ ๊ทธ๋ํฝ์ด ๋น ์ง๋ ๊ฒฝ์ฐ๊ฐ ๋ฐ์ํฉ๋๋ค. ์ด๋ฐ๊ฒฝ์ฐ ํ๋ฆฐํธ์ ์ต์ ์ โ๋ฐฐ๊ฒฝ ๊ทธ๋ํฝโ ์ฒดํฌ๋ฅผ ์ฒดํฌํ์ฌ ์งํํ๋ฉด ๋ฐฐ๊ฒฝ์์ด ์ฑ์์ง์ฑ ํ๋ฆฐํธ๋ฉ๋๋ค. ํ์ง๋ง ๋งค๋ฒ ์ฌ์ฉ์์๊ฒ ์ต์ ์ฒดํฌ๋ฅผ ํ์ธ ์ํค๊ณ ์๊ตฌํ๋ ํ์๋ ๋นํจ์จ์ ์ด๋ฏ๋ก ์ด๊ฒ์ ๊ฐ๋ฐ๋จ์์

tabindex๋ HTML ์์์ ํค๋ณด๋ ํฌ์ปค์ค ์์๋ฅผ ์ง์ ํ๋ ์์ฑ์ ๋๋ค. ์น ์ ๊ทผ์ฑ์ ํฅ์์ํค๋ ๋ฐ ์ค์ํ ์ญํ ์ ํฉ๋๋ค.๊ธฐ๋ณธ์ ์ผ๋ก ๋๋ถ๋ถ์ form ์์(<input>, <button>, <a href> ๋ฑ)๋ ์๋์ผ๋ก ํฌ์ปค์ค๋ฅผ ๋ฐ์ ์ ์์๊ทธ ์ธ

Nuxt3 \\$fetch, useAsyncData, useFetch ์ฐจ์ด ์ ๋ฆฌ์ฉ๋: ํด๋ผ์ด์ธํธ ์ฌ์ด๋ HTTP ์์ฒญ ์ฒ๋ฆฌํน์ง: ofetch ๊ธฐ๋ฐ, Node.js ๋ฐ ๋ธ๋ผ์ฐ์ ํ๊ฒฝ ์๋ ๊ฐ์ง์ฃผ์์ฌํญ: SSR ์ ์ฌ์ฉ ์ ์ค๋ณต ํธ์ถ ์ํ, ์ด๊ธฐ ๋ฐ์ดํฐ ํจ์นญ์ ๋ถ์ ํฉ์ฌ์ฉ

Promise๋ JavaScript์ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ์ํ ํต์ฌ ๊ฐ๋ ์ ๋๋ค. ํนํ ์ฌ๋ฌ ๊ฐ์ ๋น๋๊ธฐ ์์ ์ ๋์์ ์ฒ๋ฆฌํ ๋ Promise.all๊ณผ Promise.allSettled๋ฅผ ์์ฃผ ์ฌ์ฉํ๊ฒ ๋๋๋ฐ, ์ด๋ค์ด ๋ด๋ถ์ ์ผ๋ก ์ด๋ป๊ฒ ๋์ํ๋์ง ์ง์ ๊ตฌํํด๋ณด๋ฉด์ ์ดํดํด๋ณด๊ฒ