본문 바로가기
728x90
반응형
SMALL

www17

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.
aws re:inventreinvent 2023 회사에서 지원을 받아 운이 좋게 aws re:inventreinvent에 가게 되었다 :) 사전에 세미나 확인후 즐겨찾기해두기. 새벽 2시 듣고싶은 세미나 신청하기. 생각보다 frontEnd가 들을만한 세미나가 많았습니다. flutter, react, rn은 없었던것같고.. 하루에 2개의 세미나를 듣는 일정으로 완료 구글 맵에 숙소, 세미나 장소 마킹해두기 부수적인 행사들 확인후 참석 여부 안내하기. 이정도 준비가 된 상황입니다. 11월25일 출발 -> 세미나 -> 12월2일 도착 조금 빡신 일정인디.. 좀 느긋하게 닸다오게 해주지..ㅋㅋㅋㅋ 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.
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.
[RN] /usr/local/lib/node_modules/react-native-cli/index.js:302 cli.init(root, projectName) error 오랜만에 다시 rn을 실행해보니 구동이 안된다;;;;; 머야이거... 다시 처음부터 세팅하고 설치를 하니.. react-native init react_native error /usr/local/lib/node_modules/react-native-cli/index.js:302 cli.init(root, projectName) error 새로운 버전에서 에러가 있다고 한다... 그래서 낮은 버전(0.68.2)을 지정해서 설치해야 가능 npx react-native init react_native --version 0.68.2 아직 react-native가 1버전이 안된게 실감이 난다.. 얼른 1버전이 나와서 안정적인 서비스가 되길 바란다.. 2023. 10. 15.
[RN] react native 세팅 flutter와 react native의 성능 비교를 위해 react native 세팅을 합니다. --- Homebrew - package 관리 툴 https://docs.brew.sh/Manpage brew(1) – The Missing Package Manager for macOS (or Linux) Documentation for the missing package manager for macOS (or Linux). docs.brew.sh 요기 들어가서 설치 방법 대로 설치 먼저 합니다. rbenv - https://github.com/rbenv/rbenv GitHub - rbenv/rbenv: Manage your app's Ruby environment Manage your app's Ruby.. 2023. 9. 16.
728x90
반응형
LIST