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๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฑด์ ๋ํ ๋ด์ฉ์ด๋ค.
ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์ต๊ทผ ๊ฒ์์ด ์ต๋ 50๊ฐ 7์ผ ์ง๋๋ฉด ์๋์ญ์ ์ ๋ก์ง์ ๊ฐ์ง ์ต๊ทผ ๊ฒ์์ด ๊ธฐ๋ฅ์ด ํ์ํ๋ค.
java script ๋ฐฐ์ด ๋ฌด์์๋ก ์๊ธฐ
๋ช ๊ฐ์ง ์ ์ฉํ React-Native์ ๊ธฐ๋ณธ ๊ธฐ๋ฅ(Linking, Share) : ์ ํ๊ฑธ๊ธฐ, ๊ณต์ ํ๊ธฐ
React-Native ์์ ์๋๋ก๊ทธ์ธ ์ค์ ํ๊ธฐ(Async Storage ๊ธฐ๋ณธ ์ ํ )
React Native Android ํ๋์จ์ด ๋ค๋ก๊ฐ๊ธฐ ์ ์ด
React native ์ ํฐํธ๋ฅผ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์!
React ์ sweet alert ๊ฐ์ ํํ์ modal์ ๋ง๋ค์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌํ ํ์ต๋๋ค!