본문 바로가기

전체 글

(122)
error) react-native-picker 에러 node 랑 react-native 버전문제로 보임. https://github.com/react-native-picker/picker nvm 으로 노드버전 16.6.2 로 변경, react-native 새로받아서 새로프로젝트생성했더니 됨. 1. 실행중인것 멈춘다. (ctrl+c) 2. npm install @react-native-picker/picker --save 3. run android "node_modules" 안에 내용물 잘 들어왔음.(버전 낮았을때에는 다 안들어왔음) react-native 버전만 높이고 node버전은 아직 10 이었을때에는 프로젝트 생성시 버전이 맞지 않는다며, 생성된 폴더안에 내용물이 다 안들어왔었다.
reactNative - Component import { View, Text, StyleSheet ,TouchableOpacity, TouchableWithoutFeedback, Button } from 'react-native'; 1. View, Text 1) View - 다른 컴포넌트들을 감싸는 역할 - vue 태그 안에 여러 vue태그를 넣을 수 있다. 2) Text - 그냥 텍스트 2. StyleSheet 1) inline class App extends Component { render() { return ( // 객체를 넣음 // 이게 JSX넣은건가봄 ) } } const styles = StylesSheet.create({ exStyle: { backgroundColor: pink, flex: 1 } }) - 괄호 1개는 JSX를 ..
reactNative - ES6, React 문법 리마인드 1. ES6 1) string literal `${변수명} 변수가 아닌 문자열은 그냥쓰기` 2) for of 배열의 키가 아닌 value 값에 접근해서 반복한다. key 가 자동생성되는 경우(배열에서만) 사용 가능. key를 직접만드는 객체의 경우에는 사용 불가능(이 경우 for in 사용) 3) rest operator 파라미터로 받으려는 인수의 갯수 이상으로 인자를 넘겨줄 경우, 배열로 묶여서 맨 마지막 인수로 들어간다. 맨 마지막 인수에만 사용가능. function printValue(v1, v2, ...v3){ console.log(v1, v2, v3); } print(1,2,3,4,5); // 1 2 [3, 4, 5] 4) spread operator (1) 함수 호출시 인수로 function ..
reactNative 프로젝트 생성 * vscode cli 에서 프로젝트 생성 1. react-native init --version 0.61.5 [프로젝트명] 2. cd 프로젝트명 2-1. npm install 3. npm start 4. (새터미널열기) 5. cd 프로젝트명 6. npm run android +) 안드로이드 애뮬레이터 단축키 1. 새로고침 : rr 2. 디버깅모드: crtl + m >> 디버깅모드창에 "Fast Refresh" 켜면 코드저장시 자동 Refresh 됨.
reactNative 설치 리스트 * 관리자권한으로 cmd나 powerShell 실행하기 * 환경변수 확인하기 [windows] https://dev-yakuza.posstree.com/ko/react-native/install-on-windows/ 1. nvm 2. chocolatey 3. python 4. node.js 5. react native cli 6. android studio 7. java(jdk) 8. visual studio code [mac] 1. nvm(node version manager) 2. node.js 3. android studio 4. java(jdk) 5. xcode 6. visual studio code 7. cocoapod 8. react native cli
(node:9468) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package "C:\workSpace\프로젝트\node_modules\vuex\package.json" 의 "exports" 부분 수정. "./": "./" -> "./*": "./"
NativeScript 프로젝트 생성 1. nativescript 설치 npm install -g nativescript 2. nativescript 프로젝트 생성 tns create App이름 3. 해당 프로젝트로 이동 cd vue-test 4. nativescript-vue plugin 설치 npm install --save nativescript-vue 5. app.js 파일의 코드내용 아래로 변경 const Vue = require('nativescript-vue/dist/index'); new Vue({ template: ` `, }).$start(); - NativeScript-vue 모듈을 가져옴. - start() 함. 6. 에뮬레이터또는 기기로 앱 실행 tns run ios | android --emulator https:/..
Executing webpack failed with exit code 9. vscode cli에서 "tns run android --emulator" 실행시 발생함. 에러 메세지: Searching for devices... Preparing project... C:\Program Files\nodejs\node.exe: bad option: --config=C:\workSpace\pet-buddy-project\pet-buddy\webpack.config.js C:\Program Files\nodejs\node.exe: bad option: --env.hmr C:\Program Files\nodejs\node.exe: bad option: --env.externals=~/package.json C:\Program Files\nodejs\node.exe: bad option: ..