๐ก Batch ๊ฐ ๋ญ๋? ํ๋ฒ ์์๋ณผ๊น?
์ปดํฌ๋ํธ ๋ถ๋ฆฌ.. ๋๋์ฒด ์ด๋ป๊ฒ ํด์ผํ ๊น?
> ๐ก PureComponent๋? > ๐ก React.memo๋?
๐ก useRef๋ ๋ ๋๋ง์ ํ์ํ์ง ์์ ๊ฐ์ ์ฐธ์กฐํ ์ ์๋ React Hook์ ๋๋ค.(๊ณต์๋ฌธ์)๋ฌด์ง์ฑ ์ฌ์ฉํ๋ Hook์ ํ์ ํด๋ณด์;ใ ;
ํด๋น ๊ธ์ ์คํ๋ฅดํ ์ฝ๋ฉํด๋ฝ์ TypeScript ๋ฌธ๋ฒ ์ข ํฉ๋ฐ ๊ฐ์๋ฅผ ๋ฐํ์ผ๋ก ์์ฑ๋์์ต๋๋ค.
Warning : Each Child in a list should have a unique "key" prop.
์ด ๊ธ์ ๋ฐ๋จ์ ์ด์ ์ ์จ๋จ๋ ๋ ธ์ ์ ์ ๋ฆฌํ๋ ๋์ค ์ ์ ๋ ๊ฒ ์ ๋ชฉ์ ์ง์์ง ๋ชจ๋ฅด๊ฒ ๋ ๊ธ์์ ์์๋์๋ค.
web.dev๋งํฌweb.dev ๋ธ๋ก๊ทธ์ ์ฌ๋ผ์จ Array.prototype.with ์ ๋ํด ์ค๋ช ํ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ฒ์ ๋๋ค.
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ api ์ค๋ฅ ๋ฐ์์ ๊ผญ ํ์ธํด ๋ด์ผํ ํญ๋ชฉ
๊ฐ๋ ๊ฐ๋ฐ์ ํ๋ค ๋ณด๋ฉด ์์น์๋ ๋ฆฌ๋๋๋ง์ด ๊ณ์์ ์ผ๋ก ๋ฐ์ํด ํ๋ฉด ์์์ ๋ฌธ์ ๊ฐ ์์ ๋๊ฐ ์๋ค.
React ๋๋ ํ ๋ฆฌ ๊ตฌ์กฐ์ ๋ํด ๊ณ ๋ฏผํด๋ณด์
MS์์ ์ถ์ํ Loop๋ผ๋ Notion๊ณผ ๋น์ทํ ์๋น์ค๋ฅผ ์ฌ์ฉ ์ฐ์ด๋จน์ด๋ณด์๋ค!
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ 2023๋ ์ ์์์ผํ css 6๊ฐ์ง
React-native ์์ .pdf ํ์ผ ํ๋ฉด์ ๋ณด์ฌ์ฃผ๊ธฐ(react-native-webview, react-native-pdf) + react-native-pdf npm ์ค์น ์ค๋ฅ
๋งค๋ฌ๋ง๋ค ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๋ฌ๋ ฅ์ ํ์ํ๋๊ฒ ํ์ํ๋ค.
์ผ๋จ ๊ฒ์ ๊ตฌํ์๋ ๋๊ฐ์ง ๋ฐฉ๋ฒ์ด ์๋ค์๋ฒ๋ฅผ ๋ผ๊ณ ๊ฒ์ํ๊ธฐ\-> ํ ์คํธ๋ฅผ ์ ๋ ฅ ํ ๋๋ง๋ค ํด๋น ํ ์คํธ๋ฅผ ์๋ฒ๋ก ๋ณด๋ด์ ์๋ฒ์์ ์ผ์นํ๋ ๋ฆฌ์คํธ๋ฅผ ๋ณด๋ด์ฃผ๋ฉด ํด๋น ๋ฆฌ์คํธ๋ฅผ ๋ฟ๋ ค์ค๋ค.์๋ฒ๋ฅผ ๋ผ์ง ์๊ณ ์ ์ฒด ๋ฆฌ์คํธ๋ฅผ ๋ฐ์ ํ ํด๋ผ์ด์ธํธ ๋จ์์ ๊ฒ์ ๊ตฌํ\-> ๋ชจ๋ ๋ฐ์ดํฐ๋ฅผ ์
React-Native ๋๋๊ทธ์ค ๋๋กญ FlatList ๋ง๋ค๊ธฐ(react-native-draggable-flatlist)
FlatList ๋ฅผ ์ฌ์ฉํ ๋ฆฌ์คํธ์์ ํน์ ๊ฐ์ ์ ํํ๊ณ ์ ํ ๋จ์ ํ์๋๊ฒ ํ๋ ๋ถ๋ถ์ด ํ์ํ๊ณ ์ด๋ ๊ฒ ์ฝ๋๋ฅผ ์ฌ์ฉํ๋ค.
ํ๋ก์ ํธ ์ค ๋ค์ด๋ฐ์ ๋ฐ์ดํฐ๋ฅผ pdfํํ๋ก ๋ค์ด๋ฐ์์ผ ํ๋ ์ํฉ์ด ๋ฐ์ํ๊ณ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์์นํด ๋ณด๋ค๊ฐ react-native-html-to-pdf๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฑด์ ๋ํ ๋ด์ฉ์ด๋ค.