usecallback
, usememo
- ์์ฆ์๋ ์์ฐ๋๊ฒ ํธ๋๋์ธ ๊ฒ ๊ฐ๋ค.
- ํ์ํ ๋๋ง ์ฐ๋ ๊ฒ์ด ์ข๋ค. (usememo๋ ๊ฑฐ์ ์ธ ์ผ์ด ์๋ค.)
- ๋ฉ๋ชจ๋ฆฌ๊ฐ ๋ถ์กฑํด์ ๋ปฃ๋ ๊ฒฝ์ฐ๊ฐ ์๋ค. -> ๋ฆฌ์คํธ๊ฐ ๋ง์ ๊ฒฝ์ฐ. usememo๋ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ๋จน์.
usememo
๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ- ๊ฐ์๋ฆฌ์คํธ, lazy๋ก๋ฉ์ฒ๋ฆฌ
ํ๋ก์ ํธ ์ฝ๋์ ๋ฆฌ๋ทฐ ๊ด๋ จ
- input, button๋ค์ form์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข๋ค.
- ์ฅ์ 1. ์๋ฉํฑํ๊ฒ ๋ณด์ฌ์ค ์ ์๋ค. - ํ์คํ๊ฒ ์ ๊ณต(์ ๊ทผ์ฑgood)
- ์ฅ์ 2. form์ require, maxlength, minlength -> nativeํ๊ฒ ์ฒ๋ฆฌํ ์ ์๋ค. (variantsํ ๋ถ๋ถ ๋ค์ด ๋ง์ด ๋ค์ด๊ฐ๋ค.)
- button์์ border๊ฐ ํ์ ์ด ๋ค์ํ๋ค๋ฉด, ์คํ๋์ฒ๋ผ ์ฒ๋ฆฌํ๋ ๊ฒ์ด ์ข์ ์ ์๋ค. ์๋๋ผ๋ฉด, ์ฑ๋ฏผ๋์ฒ๋ผ ์ฒ๋ฆฌํ๋ ๊ฒ์ด ์ข์ ์ ์๋ค.
- Q. ๊ธฐ๋ณธ์ ์ผ๋ก tailwind ํ ๋ง๋ฅผ ๋ฑ๋กํด์, gap์ด๋ size๊ฐ์ ๊ฒฝ์ฐ์ ์ง์ ์ ํด๋๊ณ ์ฌ์ฉ์ ํ๊ธฐ๋ก ํ๋ค. ๊ทธ๋ฐ๋ฐ ์ด ๋ฐฉ๋ฒ์ ์ ๋์ฑ์ด ํฌ๊ณ , variants๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ํด์๋๋ ๊ฒ ๊ฐ๋ค - ๊ณ ๋ฏผ
- ๋์์ธ์์คํ ์ ๋ง๋ ๋ค๋ฉด -> ์ ํ๋ ์์ ๋
- Q. ๊ฐ๋ฐ ์๊ฐ ๋ถ์กฑ์ด ๊ฑฑ์ ๋๋๋ฐ, ํจ์จ์ ์ผ๋ก ์งํํ ์ ์๋ ๋ฐฉ๋ฒ?
- case๋ณํ๊ฐ์๊ฒ, api, ๊ณตํต ๋ ๊ฒ -> ์ ๋น ๋ฅธ ํ ๋ช ์ด ํ๋ ๊ฒ๋ ์ข๋ค. ํธํ๋ค.
- ๋ฏธ๋ฆฌ ์ด์๋ฅผ ๋ค ๋ฐ๋๋ ๊ฒ๋ ์ข๋ค.
- mock์๋น์ค ์์ปค ์ฌ์ฉํ๋ ๊ฒ๋ ์ข๋ค.
- ๋ค์ํ ์ผ์ด์ค๋ฅผ ๋ง๋๋ ๊ฒ ๊ณ ํต์ค๋ฝ๋ค. api์คํฉ์ ํ์ ํ๋ฉด์ ์งํํ๋๋ฐ.. page๋ฅผ ๋ง๋ค ๋ค๋ณด๋ฉด, api๋ฅผ ์ชผ๊ฐ์ผํ๊ฑฐ๋ ํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ค. api๊ฐ ๋ง๋ค์ด์ง ํ์ ์ด๋ฐ ๊ฒ๋ค์ ์์ ํ๋ ค๋ฉด ํ๋ค๋ค.
- Nock, JSON Server, Mirage์ ๋น๊ต๋ฅผ ํด๋จ๋ค. -> ๋ชจ๋ Mock์ด๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉ mockํ๊ฒฝ์ ์ ๊ณตํด์ค ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋ง๋ค. msw๊ฐ ์ ์ผ ์ข๋ค. = Mock Service Worker
- page๊ฐ๋ฐ์ ํ ๋๋ ๋ชจ๋ storybook์ ๋ถ์ด์ง ์๋ ๊ฒฝ์ฐ๊ฐ ์๋ค. -> mock์ด์ฉ good ์ด๋ฐ ์ฒ๋ฆฌ ๋ค ํด๋์ผ๋ฉด ์์ฒญ ํธํ๋ค.
- ์๊ฐ์ด ์์ผ๋ฉด ๋ฐ์๋๋ ์ด์๋ค
- ๋ ๊ฒ์ ์ปค๋ฐ - ๊ทธ๋๋ ์ ๋ฆฌ๋ ์ปค๋ฐ์ ์ฌ๋ ค์ผ ๋๋ค.
- ํฌํด๋ก ์ฌ์ฉํ ๊ฒ์ด๋ผ๋ฉด - ๋ฎ์ด๋์ง ๋ง๊ณ , ์ปค๋ฐ์ ์ ๋ฆฌํด๋ ์ข์ ๊ฒ ๊ฐ๋ค.
- ๋ค๋ก ๊ฐ๋๋ผ๋ ์ปค๋ฐ ๋ฉ์ธ์ง ์ ์์ฑํ๊ธฐ
- PR๋ ์ ์ฌ๋ฆฌ๊ธฐ
- ๋จธ์งํ๊ธฐ ์ ์ ์ ์ ๋ฆฌํ๋ ๊ฒ์ด ์ข๋ค.
- api๋ ํ๋ก์ ํธ ์ ์ฒด๋ฅผ ์ด๊ดํ๋ ๋๋์ด์ฌ์, common์ ๋๋ ๊ฒ์ ์ด๋ค๊ฐ. ๋์ค์ ๊ตฌ๋ถ์ด ๋ ์ฌ์ง๊ฐ ์๊ณ ..
๋ค์ด๋ฒ ๋ด์ค๋ ํฐ ์ฝ๊ธฐ
- npm malware - ์ต์ํ์ ๋ฐฉ์ง
- event-stream npm ๋ผ์ด๋ธ๋ฌ๋ฆฌ - ๋์ด์ ์ ์ง๋ณด์ ๋ชปํด์. ํด์ปค๊ฐ ๋ฐ์๊ฐ์, github์๋ ์์ฌ๋ฆฌ๊ณ build์๋ง ๋ฃ์ด๋์ ํดํน
- load balancing - ์ด๋ป๊ฒ ์๋ฒ์ http ์์ฒญ์ ๋ถ์ฐํ ์ง.
- Q. styleX๋ ๋ง์ด ์ฌ์ฉํ ๊ฒ ๊ฐ๋์?
- ๋๋ฌด ์ฑ์ํ ์น๊ตฌ๋ค์ด ๋ง๋ค.
- meta๊ฐ ์ฃผ๋ํ๋ FEํธ๋๋๊ฐ ๋์ด ๋ ๊ฒ์ด๋ผ ์๊ฐํ๋ค.
- recoil, vercel์ ์คํ๋ ค ๋ง์ด ์ฌ์ฉํ๋ค.
- vercel์ ์๋๊ฐ ์ค์ง ์์๊น.