
Loader์ TanStack Query๋ก ์บ์ฑ ์ ์ฉํ๊ธฐ
์บ์ฑ์ ์ ์ฉํด ์ฌ์ดํธ ์ฑ๋ฅ๊ณผ UX๋ฅผ ๊ฐ์ ํด ๋ณด์์ต๋๋ค!
์บ์ฑ์ ์ ์ฉํด ์ฌ์ดํธ ์ฑ๋ฅ๊ณผ UX๋ฅผ ๊ฐ์ ํด ๋ณด์์ต๋๋ค!
ํ ์คํ ์ฟผ๋ฆฌ ๊ณต์๋ฌธ์์ โ์ฟผ๋ฆฌโ ๋ถ๋ถ์ ๋ํด ์์๋ณด์์ต๋๋ค!
Turborepo์ pnpm์ ์ฌ์ฉํ๋ ๋ชจ๋ ธ๋ ํฌ๋ฅผ ์ธํ ํด ๋ณด์์ต๋๋ค.
SpotShare ํ๋ก์ ํธ๋ฅผ ๊ตฌํํ๋ฉด์ ํธ๋ฌ๋ธ ์ํ ํ๊ณ ์ฌ๋ฌ๊ฐ์ง๋ฅผ ๋ฐฐ์ด 2์ 3์ผ์ Today I Learned ์ ๋๋ค.
SpotShare ํ๋ก์ ํธ๋ฅผ ๊ตฌํํ๋ฉด์ ํธ๋ฌ๋ธ ์ํ ํ๊ณ ์ฌ๋ฌ๊ฐ์ง๋ฅผ ๋ฐฐ์ด 2์ 2์ผ์ Today I Learned ์ ๋๋ค.
Next.js์ ํ์ด์ง ๊ธฐ๋ฐ ๋ผ์ฐํ ์์ ํ๋ฆฌ๋ ๋๋ง์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ด ๋๋ค.
Next.js์์ ์ง์ํ๋ ๊ธฐ๋ฅ์ธ ํ๋ฆฌ๋ ๋๋ง์ ๋ํด์ ์์ธํ ์์๋ด ๋๋ค.
๊ธฐ๋ณธ(default) ๋ด๋ณด๋ด๊ธฐ์ ์ ๋ช ๋ด๋ณด๋ด๊ธฐ์ ๋ํด ์์๋ณด์์.
useState์ useReducer๋ฅผ ์ฌ์ฉํ์ฌ Form์ ๊ตฌํํฉ๋๋ค.
์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋น๋๊ธฐ ๋ฐ์ดํฐ๋ฅผ ์ด๋ป๊ฒ ๋ฐ์์ค๋์ง Promise ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ ๋ฐฉ์๊ณผ async/await๋ฅผ ์ฌ์ฉํ ๋ฐฉ์์ ํตํด ์์๋ด ๋๋ค.
React Hooks์ ๋ํด ์์๋ณด์์ต๋๋ค.
๋ฆฌ์กํธ์์ ๋ฐ๋ณต๋ฌธ์ ์ฌ์ฉํด ์์๋ฅผ ๋ ๋๋งํ ๋ ๊ผญ ํ์ํ ์์์ธ Key์ ๋ํด์ ์์๋ด ๋๋ค.
์ฑ๊ธ ์ค๋ ๋์ธ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์ด๋ป๊ฒ ๋น๋๊ธฐ๋ก ๋์ ํ ์ ์์๊น์? ์ด ๋ถ๋ถ์ ๋ํด ์์ธํ ์์๋ณด์์ต๋๋ค.