본문 바로가기

react-native4

(작성중) 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.
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] /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.

티스토리툴바