React v18์์ ๊ณต์ ๋ฆด๋ฆฌ์ฆ๋ Suspense์ ๋ํด ํํค์ณ๋ณด์.
React Form ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ Formik์ ๋ํ์ฌ ์์๋ณด์
datepicker library ์ฌ์ฉ ํ๊ธฐ
์ด๋ฒ์๋ ์ง๋ ๋ฒ์ ์์ฑํ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ๋ฆฌ์กํธ ๊ธฐ๋ฐ์ ์ฝ๋๋ก ๋ฐ๊ฟ๋ณผ ์์ ์ด๋ค!๐ ๊ทธ๋ผ ๋ฐ๋ก ์์ํด๋ณด์๐ฅ
Intersection Observer API๋ฅผ ์ด์ฉํ Inifinite scroll ๊ตฌํ์ ๋๋ค.
presigned URL์ ์ด์ฉํ S3 image ๋์ ์ ๋ก๋ ๊ฐ์ด๋์ ๋๋ค. ๐
์ด๋ฒ ํฌ์คํ ์์๋ redux toolkit์ ๋ํ์ฌ ์์๋ณด๊ณ , redux saga์ redux thunk๋ฅผ ์ ์ฉํ์ฌ ๋น๋๊ธฐ ํต์ ์ ํ๋ ๊ณผ์ ์ ์์๋ณด์๐
์ด๋ฒ ํฌ์คํ ์์๋ React Router์ ContextAPI๋ฅผ ์ด์ฉํด์ ๋ก๊ทธ์ธ ๋ ์ฌ์ฉ์์๊ฒ๋ง ์ ํ๋ ํ์ด์ง๋ฅผ ๋ณผ ์ ์๊ฒ๋ ์ฝ๋๋ฅผ ์์ฑํด๋ณด์. ๐
์ด๋ฒ ํฌ์คํ ์์๋ react component์ ๋ํด ์์๋ณธ๋ค.์ด ํฌ์คํ ์ ๋ฆฌ์กํธ ๊ณต์๋ฌธ์๋ฅผ ์ฐธ๊ณ ํ์ฌ ์์ฑ๋์์ต๋๋ค.component๋ ๊ฐ์ฅ ์ต์์ ๊ธฐ๋ฅ์ ํ๋ UI๋ก, ๋ ๋ฆฝ์ ์ด๊ณ , ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ๊ฒ ์ค๊ณํด์ผ ํ๋ค. component๋ ํด๋์คํ component์ ํจ์ํ
์ด๋ฒ ํฌ์คํ ์๋ React์ Virtual DOM๊ณผ JSX์ ๋ํด ์์๋ณธ๋ค.๋ฆฌ์กํธ๋ virtual DOM ๋ฐฉ์์ ์ฌ์ฉํ์ฌ DOM ์ ๋ฐ์ดํธ๋ฅผ ์ถ์ํ ํจ์ผ๋ก์จ DOM ์ฒ๋ฆฌ ํ์๋ฅผ ์ต์ํํ๊ณ ํจ์จ์ ์ผ๋ก ์งํํ๋ค.Virtual DOM (VDOM)์ UI์ ์ด์์ ์ธ ๋๋ โ๊ฐ์
velog์ ๊ฐ๋ฐ์๊ธฐ๋ ํ VELOPORT ๊น๋ฏผ์ค๋์ '๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ ' ์ฑ ์ ๊ตฌ์ ํ๋ค. ๋ณผ ์ฑ ์ด ์ฐ๋๋ฏธ์ฒ๋ผ ์์ฌ๊ฐ๋ ๋๋์ด๋ผ ์กฐ๊ธ ๊ฑฑ์ ๋ ๋์ง๋ง... ๋ธ๋ก๊ทธ์ ์ ๋ฆฌํ๋ฉฐ ๊ณต๋ถ๋ฅผ ์งํํด ๋ณผ๊น ํ๋ค.ํ๋ก ํธ์๋๋ ๊ณต๋ถ ํ๋ฉด ํ ์๋ก ์์์ผ ํ ๊ฒ ์ ๋ง ๋ง์ ๊ฒ ๊ฐ๋ค. ์ด์ฌ