본문 바로가기

www17

[RN] react-native-web + typescript = .tsx 타입을 정의하면 더좋겠다 싶어서 세팅을 진행행하던중 에러에러에러 탕탕탕!!! 왜그러는걸까..ㅠㅠ 삽질을 1시간정도 하니까 결과가 나왔다 ㅎㅎㅎ;;; //babel.config.js module.exports = { presets: [ //[ 'module:metro-react-native-babel-preset', '@babel/preset-react', '@babel/preset-typescript', //], ], plugins: [ [ '@babel/plugin-transform-react-jsx', { useTransformReactJSXExperimental: true, runtime: 'automatic', }, ], ], }; // web/webpack.config.js const path .. 2023. 11. 6.
react, react-native, react-native-web react, react-native, react-native-web 이렇게 3개의 종류가 있다. 일반적으로 RN을 한다고말을하면 react-native를 한다고 보면될것같다. 다만 RN의 장점인 다중디바이스를 위해서는 선택이 필요해 보인다. react | react-native, react-native-web 코드는 이렇게2종류로 나우어 지지기때문에 기본적으로 RN과 RNW를 같이 사용을 많이 할것같다. 하지만 RNW는 react보다 성능면에서 떨어지기때문에 1개의 코드로 3개를 가져갈건지 = RN + RNW 2개의 코드로 3개를 가져갈건지 = RN + react 선택을 해야 할것같다. 2023. 10. 25.
[RN] react native web 세팅 react native cli로 세팅을 하게되면 ios, aos만 되지 web은 세팅이안된다 그래서 세팅을 해보자! npm i react-native-web npm i --save react-dom npm i --save-dev babel-plugin-react-native-web sudo npm i --save-dev @babel/core babel-loader url-loader webpack webpack-cli webpack-dev-server npm i @babel/preset-react html-webpack-plugin 설치를 하다보면 안되는게 생긴다.. 에러 안에 해결방법을 알려주기때문에 따라서 하기만 하면된다.. ㅎㅎㅎ 본격적인 기본세팅! // public/index.html index,.. 2023. 10. 20.
Kotlin, Swift, Flutter, React Native 디바이스 인터페이스 Native에서 지원하는 디바이스 인터페이스와 flutter, RN에서 사용되는 함수들이 궁금해서 Bard에게 물어보았다 ㅎㅎ; 그래서 정확하지는 않을수 있겠지만 하나씩 붙여가면서 확인해봐야 할것 같다. - Native에서 지원하는 인터페이스중 지원하지 않는게 있을것 같아서 확인할겸 정리해 보았다. 다 되는것같아 보이긴한대.. 함수 Kotlin Swift Flutter React Native 지문인식 FingerprintManager.authenticate(null, null, 0, null, null) UIDevice.isPasscodeSet BiometricPrompt.authenticate(null) Biometric.authenticate() 페이스아이디 FaceManager.authenticat.. 2023. 10. 15.

티스토리툴바