본문 바로가기

www/rn8

react native 정리 [?] react native + import native code native module로 만들어서 import하면 된다. [?] CodePush시 native code도 같이 푸시가 되는가 javascript코드 이외에는 불가능. 또한 javascript 코드 및 이미지는 코드푸시가 가능하지만 기존 코드의 로직 수정, 문구수정 같은 기존에 있던 코드까지 코드푸시가 가능 추가,삭제되는 부분은 불가. code push: 코드수정 firebase: 변수값을 변경 [?] 환경구성, 빌드모드, 빌드 Develop (개발) Stage (검증) Product (운영) Debug (디버깅용으로 npm서버와 연동되어있어야 앱 실행 가능) Release (배포용으로 npm서버와 연동되어있지 않아도 앱 실행 가능) y.. 2023. 11. 16.
(작성중) react-native docs 이제 화면을 그리고 기능을 만들기위해 components를 익힐시간!!! flutter할때도 그렇지만 components를 익혀야 한다는게 나에게는 숙제다.. react는 그냥 뚝딱뚝딱 만들면댔는대 정해져있는걸로 만들어야하니.. 장점이면서도 단점인 그런 부분 그래도 할건해야지? ㅎㅎ -- [components] Text, Image, TextInput, {}} value={number | text} placeholder=“placeholder" keyboardType={'decimal', 'email', 'none', 'numeric', 'search', 'tel', 'text', 'url'} /> ScrollView, View, div 같은 느낌이라고 생각하면됨 StyleSheet styles = St.. 2023. 11. 8.
[RN] react-native + react-native-web + typescript = 멀티디바이스 하나의 코드로 멀티디바이스를 만들어 보겠다고 세팅을 하다보니 이제야 사전준비 완료! 마지막으로 작어을 한부분은 App.web.tsx 파일을 App.tsx로 변경. 이렇게 되면 (app) index.js 파일에 App 과 index.web.js 파일에 App이 같은걸 바라보게 된다. 그럼끝! // index.js /** * @format */ import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json'; AppRegistry.registerComponent(appName, () => App); // index.web.js import React from 'react'; i.. 2023. 11. 6.
[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.

티스토리툴바