๋ถํธ์บ ํ์์ ์งํํ๋ ํ ํ๋ก์ ํธ๋ฅผ ๋ฆฌํฉํ ๋ง ํ๊ณ ์์ต๋๋ค :) ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ ์ฉํ์ฌ ์ปดํ์ผ ๋จ๊ณ์ ์๋ฌ๋ฅผ ์ก์๋ด๊ณ ์ฑ๋ฅ๊ฐ์ ๊ณผ ์ปค์คํ ํ ์ ํตํ ๋น์ฆ๋์ค ๋ก์ง ๋ถ๋ฆฌ์ ์ด์ฒจ์ ๋์์ต๋๋ค.
์๋ณธ ๋ ํฌ๋ณด๋ฌ๊ฐ๊ธฐ ๐
// ํ
์คํธ์ฉ ์์ด๋ ๋ก๊ทธ์ธ์ ์ด๋ฉ์ผ๋ก ํ์๋ฉด ๋ฉ๋๋ค.
id : [email protected]
password : 123123
๋ฐฐํฌ : https://vercel.com/yunwoo-yu/dawn-with-me-refactoring
- ๊ฒ์๋ฌผ์ด๋ ํ๋กํ์ด๋ฏธ์ง๊ฐ ์ ๋๋ก ๋์ค์ง ์์ ์ ์์ต๋๋ค! ์ค๊ฐ์ api ๋๋ฉ์ธ์ด ๋ณ๊ฒฝ๋์ด ๊ธฐ์กด์ ์ ์ฅ๋ ์ด๋ฏธ์ง๊ฐ ์์ด์ก์ต๋๋ค. ํ ์คํธ์์ด๋์ ๋ํ ์ด๋ฏธ์ง๋ ๋ณ๊ฒฝ๋ ๋๋ฉ์ธ์ผ๋ก ๋ค์ ์์ ํ์์ง๋ง ๋ค๋ฅธ ํ ์คํธ ์์ด๋๋ก ํ์ ๋ถ๋ค์ด ์ฌ๋ฆฐ ๊ฒ์๊ธ์ด๋ ํ๋กํ์ ์ ๋๋ก ๋์ค์ง ์์ ์ ์์ต๋๋ค. ๐ฅฒ
- Typesciprt
- ์ฌ์ฌ์ฉ ๊ณ ๋ คํ์ง ์์ ์ํ ๋ฏน ํจํด ์ ๊ฑฐ ํ ํจํด ๋ณ๊ฒฝ
- apiํธ์ถ ๊ฐ์ ์ค๋ณต ์ด๋ฉ์ผ, ๋ค์ ํ์ธ ๋ก์ง์ debounce ์ถ๊ฐ
- ํ์ ์คํฌ๋ฆฝํธ ์ถ๊ฐํ์ฌ ์์ฐ์ฑ ์ฆ๊ฐ
- ์ฝ๋ ์คํ๋ฆฌํ ์ผ๋ก ์ด๊ธฐ ๋ ๋๋ง ์๋ ๊ฐ์ (React.lazy)
- ๋น์ฆ๋์ค ๋ก์ง, ๋ฐ์ดํฐ๋ก์ง ๋ถ๋ฆฌ (์ญํ ๋ถ๋ฆฌ, ์ฌ์ฌ์ฉ์ฑ ์ฆ๊ฐ)
- UX๋ฅผ ์ํ ์ค์ผ๋ ํค UI ์ ์ฉ, Layout Shift ์ ๊ฑฐ