ํ๋ก๊ทธ๋๋จธ์ค 0๋จ๊ณ ๋ฌธ์ ๋ฅผ ํ๋ฉด์ ๋์น๊ธฐ ์ฌ์ ๋ ๋ถ๋ถ, ์์๋๋ฉด ์ข์ ๋ถ๋ถ์ ๊ธฐ๋กํฉ๋๋ค.๐
ํ์ต ๊ณ๊ธฐ ์ต๊ทผ์ React Query ๊ฐ์๋ฅผ ์๊ฐํ๊ณ ์๋๋ฐ, React Query๋ก ๋ฌดํ์คํฌ๋กค(Infinite Scroll)์ ํธ๋ฆฌํ๊ธฐ ๊ตฌํํ ์ ์๋ค๊ณ ํ๋ค. ๋ง์นจ ํํ๋ก์ ํธ์์ ๋ฌดํ ์คํฌ๋กค์ ๊ตฌํํ๊ณ ์ถ์๋๋ฐ ๋ค๋ฅธ ๊ธฐ๋ฅ์ ์ฐ์ ์ ์ผ๋ก ๊ตฌํํ๋๋ผ ๋ฏธ๋ค๋์๋ ๊ฒ ๊ธฐ์ต๋์ ๋ฌดํ์คํฌ๋กค์ ์ฐ์ตํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค. React Query์์ ๊ตฌํํ๊ธฐ ์ ์, ์ผ...
๐ค ์ปดํจํฐ๊ฐ ์ดํดํ๋ ์ซ์๋ ์ด๋ป๊ฒ ํํํ ์ ์์๊น?
๐ค ์ปดํจํฐ ๊ตฌ์กฐ๋ ์ปดํจํฐ๊ฐ ์ดํดํ๋ ์ ๋ณด / ์ปดํจํฐ์ 4๊ฐ์ง ํต์ฌ ๋ถํ์ผ๋ก ๊ตฌ๋ถํ ์ ์๋ค
๐ค ๋ฌธ์ ํด๊ฒฐ ๋ฅ๋ ฅ + ์ฑ๋ฅ,์ฉ๋,๋น์ฉ์ ์๊ฐํ๋ ๊ฐ๋ฐ์๊ฐ ๋์
๐ผ React Hook Form์ ์ฌ์ฉํ๋ฉด์ ์กฐ๊ธ ๋ ์๊ฒ ๋ ref
๐ผ react-router์ Link, useNavigate, NavLink๋ฅผ ์์ฃผ๋ก ๋น๊ตํ๊ณ ํ์ฉ ๋ฐฉ๋ฒ์ ์์๋ด ๋๋ค.
๐ผ ์๊ณ ์ด๋ผํ ์ธ์์ ๊ฒฝํ์์๋ ์ด๋ป๊ฒ๋ ์ ๋ค์ ์ด์ด๋ณด๊ธฐ
๐ผ ํ๋ก๊ทธ๋๋จธ์ค Level1 - ์ฑ๊ฒฉ ์ ํ ๊ฒ์ฌ
๐ผ ํ๋ก๊ทธ๋๋จธ์ค Level2 - ์ง์ง์ด ์ ๊ฑฐํ๊ธฐ / ํ๋ฆฐํฐ
๐ผ ํ๋ก๊ทธ๋๋จธ์ค Level1 - ์ต๋ ๊ณต์ฝ์์ ์ต์ ๊ณต๋ฐฐ์
๐ผ ํ๋ก๊ทธ๋๋จธ์ค Level2 - JadenCase ๋ฌธ์์ด ๋ง๋ค๊ธฐ / ์ด์ง ๋ณํ ๋ฐ๋ณตํ๊ธฐ
๐ ๋ฆฌ์กํธ children ๊ด๋ จ ์๋ฌ
๐ผ ๋ด๊ฐ ์ฐ๋ ค๊ณ ๋ฏธ๋ฆฌ ๋ง๋ค์ด๋ styled-components ์ด๊ธฐ ์ธํ boilerplate