월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결처음 배우는 리액트 네이티브
props로 속성을 다 가져오는 이유가 뭘까요?
안녕하세요 선생님, 투두리스트 Input 구현하는 과정에서 props가 점점 많아지니 머리가 버거워지네요 ㅠㅠ 'Input 컴포넌트 만들기 - 상세설정' 강의에서 App.js파일에 <Input> 안에 속성을 작성하고 Input.js 파일에서 placeholder={placeholder} value={value} onChangeText={onChangeText} onSubmitEditing={onSubmitEditing} 이렇게 계속 그대로 가져오고 있는데요, 이렇게 계속 일을 두번하듯이 하는 이유가 무엇인가요?? 그냥 전부 Input.js에 바로 써주면 안되나용? App.js파일에서 하나도 안건드리고 Input.js 에서만 속성들 입력해주고 useState도 만들어서 적용시켜봤는데 잘 작동하는 것 같아서요... 지금 강의에서 계속 props로 다 전달하시는데 그 이유좀 알려주세요! + 하나 더 질문 있습니다! Input.propTypes = { placeholder: PropTypes.string, value: PropTypes.string.isRequired, onChangeText: PropTypes.func.isRequired, onSubmitEditing: PropTypes.func.isRequired, }; 맨마지막에 propTypes 이거는 가져오는 props들을 한번더 확인해주는 것 같은데, 쓰고 안쓰고에 따라 어떤 차이가 있는것인가요?
- 미해결처음 배우는 리액트 네이티브
쳇 어플 signup 화면에서
1. 인풋 컴포넌트 적용시 email 적는 란이나 password적는 란을 클릭하면 안드로이드는 키보드가 자동으로 나오는데 ios는 키보드가 나오지 않습니다. 어떻게 해야 할까요? 2. 키보드 스크롤뷰 코드를 작성 했는데 ios시뮬레이터는 잘 작동이 되는데 안드로이드는 스크롤뷰가 작동을 안합니다. 어떻게 해야하죠?
- 미해결처음 배우는 리액트 네이티브
안드로이드 화면은 어떻게 여셨나요??
'Expo 프로젝트 실행' 강의에서 2:00분에서 안드로이드 화면을 여시는데 이건 어떻게 여신건가요?? Xcode 시뮬레이터에서는 iOS용만 있어서요
- 미해결처음 배우는 리액트 네이티브
Chat App Part1 인증과 화면전환에서의 Error
https://drive.google.com/file/d/1dzlqRuPeix5eyNmQJTuW-zsvaVeDwKl9/view?usp=sharing 위 링크와 같이 코드를 작성했는데 회원가입까지는 잘 되었는데 그 다음에 로그인했을 때와 로그인하지 않았을 때 페이지를 구분하는 부분에서 에러가 나서 실행이 되지 않습니다 ㅠㅠ 한 번 확인해주실 수 있으실까요..? 몇 번이나 강의를 들으며 여러 번 시도해봐도 안 돼서 질문 드립니다 ㅠㅠ
- 미해결처음 배우는 리액트 네이티브
expo cli 설치하다 뭘 잘못 만진 것 같아요...
선생님... 저 어떡하죠 ... 오늘 질문만 세개째인데 진짜 총체적 난국이에요.. expo cli 설치하고 나서도 expo 명령어 치면 없다고 떠서(홈브류도 그래요...) 괜히 여기저기서 시키는대로 했다가 완전히 망가져버렸습니다 ㅠㅠ 이제는 npx create-react-app 파일명 써서 새로 만들어도 npm/yarn start가 안먹히네요 ㅠㅠ npm start 또는 yarn start 해도 똑같이 이렇게 장황한 말들이 나와요 ㅠㅠ 저기 써있는대로 package.json, yarn.lock, node_modules 싹다 지우고 다시 깔아도 안돼요 ㅠㅠㅠ 제가 아래 링크대로 진행하면서 무언가의 접근권한을 다른데로 옮긴 것 같아요... https://zeroradish.tistory.com/5 << 이 곳에서 하라는대로 했구요 처음에 expo cli을 설치할 때 npm -v npm install -g expo-cli 이걸 적었는데 오류가 났고, 블로그에서 시키는 말로는 'npm의 글로벌위치를 확인하고, 권한을 가지고있는 root를 피해 npm의 글로벌 위치를 현재 계정의 홈으로 변경한다(?)' 라는데... 무슨말인진 몰랐지만 그냥 치라는대로 따라 쳤습니다... npm -g root 다음 ls -al/usr/local/lib 다음 npm confing set prefix ~/.npm 다음 npm -g root 다음 npm install -g node 다음 npm install -g expo-cli 이렇게 했더니 뭔가 정상적으로 설치가 되었다고 떴습니다. 근데 그 이후부터 npm/yarn start 를 써도 실행이 안돼요... 리액트 공부한거 싹다 삭제하고, 비주얼스튜디오도 삭제하고 node.js까지 삭제하고 다시 설치했는데도 해결되지가 않아요... 어떻게 해야할까요 ㅠㅠ 제가 터미널 만지는법을 몰라요 ㅠ 'cd'로 위치이동하고 'ls'로 현재파일 확인하는것밖에 명령어를 모릅니다 ㅠㅠㅠ 진짜 괜히 그냥 따라쳐가지고 ㅠㅠ 너무 후회스럽습니다...
- 미해결처음 배우는 리액트 네이티브
expo cli 방금 설치했는데 없다고 떠요!
선생님 오늘 두번째 질문인데 또 같은 맥락입니다.. 홈브류 설치했는데 없다고 뜨고 지금은 엑스포 설치 후 로그인하려고 하니 없다고 뜹니다 ㅠㅠ 도대체 제 맥북은 왜이러는 걸까요
- 미해결처음 배우는 리액트 네이티브
homebrew 설치했는데 없다고 떠요 ...
사진에는 없지만 홈브류 홈페이지에서 링크 복붙해서 설치 100% done까지 되는거 봤습니다.. 그담에 watchman 설치하려고 터미널에 입력했는데 brew를 찾을수없다?? 라고 하는것 같아요. 뭐가 잘못된 걸까요? 참고로 m1맥북입니다 ㅜ
- 미해결처음 배우는 리액트 네이티브
expo 앱오류
먼저 터미널에서 npm start 로 expo를 열고 안드로이드 폰에서 expo 앱을 설치후 npm start에서 얻은 qr코드로 expo앱에서 qr을 스캔하는데요.. 계속적으로 something went wrong. Sorry about that . You can go back to Expo home or try to reload the project 라는게 계속적으로뜨네요.. 그리고 qr스캔도 정확히 갖다대기전에도 계속 인식이되버리고... 좀몬가 제가 잘못하고있는게 있나요
- 미해결처음 배우는 리액트 네이티브
nvm command not found
안녕하세요. 김범준님. 처음 배우는 리액트 네이티브 책으로 사서 먼저 공부하다가 힘들어서 동영상 교육을 검색해서 수강하게 되었습니다. 깃허브에서 nvm 설치 파일을 복사하서 맥 터미널에서 실행하여 설치하였습니다. 그리고 아래에있는 이 내용을 bash 프로파일에 입력해야 하는데 하면서 그 다음에 나오는 .zshrc 파일 관련 내용 중에 터미널에서 vi. zshrc를 실행해서 이렇게 복사를 해 넣으라고 해서 그렇게 해습니다. 그 다음 nvm을 이용해서 node를 설치하는 과정에서 nvm install 14를 실행하면 -bash : nvm: command not found 라고 나오네요. nvm이 설치되지 않은건가요? 동영상 강의대로 github에서 설치 명령을 실행해서 설치했는데 왜그럴까요?
- 미해결처음 배우는 리액트 네이티브
mac 용인가요.
궁금한게.. 초반부 지금 ios 부분 강의 듣고있는데 mac용으로만 설명 하시네요.. 윈도우용으로는 아예설명이 없으신가요.. 제가 윈도우10 노트북으로 강의들으면서 따라하고있는데.... 앞으로 듣게될 강의도 다 mac버전으로만 설명해주시는건가요.. 8프로를 들어서 환불도안되는데..
- 미해결처음 배우는 리액트 네이티브
Error: Your API key is invalid, please check you have copied it correctly.
두 번째 채팅 앱 Part 1. 로그인/회원가입까지 하고 실행해봤는데 API가 일치하지 않는다면서 실행이 안됩니다 ㅠㅠ 어떻게 해결할 수 있을까요?
- 미해결처음 배우는 리액트 네이티브
리액트 네이티브는 프리티어 적용 하는법이 다른가요??
리액트에서 적용이 되던게 리액트 네이티브에서는 프리티어 적용이 안되서 혹시 리액트 네이티브는 리액트와 프리티어 적용방법이 다른가요? 이틀동안 검색해보고 적용이 안되서 여쭤봅니다 ㅠ,ㅠ 아래는 해당 코드입니다. // vscode/settings.json { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.tabSize": 2, "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "javascript.format.enable": false, "eslint.alwaysShowStatus": true, "files.autoSave": "onFocusChange" } //.eslintrc { "extends": ["react", "plugin:prettier/recommended"] } //.prettierrc { "tabWidth": 2, "endOfLine": "lf", "arrowParens": "avoid", "singleQuote": true } // package.json "devDependencies": { "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", "prettier": "^2.3.2" } 이 문구 때문에 그런가요?
- 미해결처음 배우는 리액트 네이티브
Todo list 프로젝트 준비 부분에서 질문있습니다
backgroundColor: ${({ theme }) => theme.background} // 강의에서 사용된 코드 backgroundColor: ${theme.background} 두 코드 동일하게 동작하는데 왜 화살표 함수를 사용하신건가요?
- 미해결처음 배우는 리액트 네이티브
리액트 네이티브 문법 질문입니다
import React , { useState } from 'react'; 이 부분에서 왜 React는 객체로 안감싸고 useState는 객체로 감쌓는지 궁금합니다 - ({ 인자 }) => '('{ placeholder : placeholder || 'Enter a Message...', placeholderTextColor : theme.inputColor, }')' 화살표함수를 '(',')'로 감쌓는지 궁금합니다
- 미해결처음 배우는 리액트 네이티브
도와주세요 갑자기 왜 에러가 났는지 도무지 모르겠어요 ㅠㅠ
npm start 했는데 어느 순간 갑자기 에러가 떠서 창이 안뜨네요 ㅠㅠㅠ 왜그런건지 알려주세요 못찾겠다는 모듈이 뭔 상관인지 모르겟는데 저 모듈 @babel/helpder-validator-identifier도 설치해봤는데 안고쳐져요 아래 확인 해보시고 뭐가 문제인지 알려주세요 ㅠ D:\react-native\rn-components>npm start > @ start D:\react-native\rn-components > expo start Starting project at D:\react-native\rn-components Developer tools running on http://localhost:19002 Opening developer tools in the browser... Cannot find module '@babel/helper-validator-identifier' Require stack: - D:\react-native\rn-components\node_modules\@babel\highlight\lib\index.js - D:\react-native\rn-components\node_modules\@babel\code-frame\lib\index.js - D:\react-native\rn-components\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js - D:\react-native\rn-components\node_modules\metro\src\node-haste\DependencyGraph.js - D:\react-native\rn-components\node_modules\metro\src\Bundler.js - D:\react-native\rn-components\node_modules\metro\src\IncrementalBundler.js - D:\react-native\rn-components\node_modules\metro\src\index.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\@expo\dev-server\build\MetroDevServer.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\build\project\createBundlesAsync.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\build\internal.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\build\index.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\build\exp.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\bin\expo.js Error: Cannot find module '@babel/helper-validator-identifier' Require stack: - D:\react-native\rn-components\node_modules\@babel\highlight\lib\index.js - D:\react-native\rn-components\node_modules\@babel\code-frame\lib\index.js - D:\react-native\rn-components\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js - D:\react-native\rn-components\node_modules\metro\src\node-haste\DependencyGraph.js - D:\react-native\rn-components\node_modules\metro\src\Bundler.js - D:\react-native\rn-components\node_modules\metro\src\IncrementalBundler.js - D:\react-native\rn-components\node_modules\metro\src\index.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\@expo\dev-server\build\MetroDevServer.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\build\project\createBundlesAsync.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\build\internal.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\build\index.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\build\exp.js - C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\bin\expo.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1014:15) at Function.Module._load (internal/modules/cjs/loader.js:884:27) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\@babel\highlight\lib\index.js:12:34) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\@babel\code-frame\lib\index.js:9:18) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:80:18) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\metro\src\node-haste\DependencyGraph.js:108:19) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\metro\src\Bundler.js:44:25) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\metro\src\IncrementalBundler.js:76:17) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at Object.<anonymous> (D:\react-native\rn-components\node_modules\metro\src\index.js:76:28) at Module._compile (internal/modules/cjs/loader.js:1185:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10) at Module.load (internal/modules/cjs/loader.js:1034:32) at Function.Module._load (internal/modules/cjs/loader.js:923:14) at Module.require (internal/modules/cjs/loader.js:1074:19) at require (internal/modules/cjs/helpers.js:72:18) at importMetroFromProject (C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\@expo\dev-server\src\MetroDevServer.ts:232:10) at Object.runMetroDevServerAsync (C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\@expo\dev-server\src\MetroDevServer.ts:59:17) at Object.startDevServerAsync (C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\src\start\startDevServerAsync.ts:56:55) at startAsync (C:\Users\lfcfj\AppData\Roaming\nvm\v14.0.0\node_modules\expo-cli\node_modules\xdl\src\start\startAsync.ts:65:41) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! @ start: `expo start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the @ start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\lfcfj\AppData\Roaming\npm-cache\_logs\2021-06-23T12_24_31_402Z-debug.log D:\react-native\rn-components>expo login √ You are already logged in as easyelectric. Log in as new user? ... no
- 미해결처음 배우는 리액트 네이티브
'expo'가 내부, 외부 명령, 실행 프로그램, 또는 배치 파일이 아니라네요
window라 다른가요? 알려주세요
- 미해결처음 배우는 리액트 네이티브
연결문제...
아 감사합니다. 대부분 이해가 되었습니다. 제가 "연결"이라고 했던부분이 대부분 이해가 되었습니다. 궁금한건 vscode에서 저장하고 종료했을때 터미널에서는 따로 저장하고 종료하는 명령어 없이 그냥 종료하면 되는건가용? 그리고 다음에 다시 작업을 하기 위해서 터미널에서 저장된 폴더를 불러오는 명령어는 어떻게 되나요? 너무 귀찮게 해드려 죄송하고 좋은 답변 해주셔서 너무 감사드립니다. 아!!그리고 한가지만 더 여쭈어 볼께용 expo에서 어플을 만들게 되면 <카카오 연동> 요런 연동하는게 잘 안된다고 하던데 맞나요? 궁금합니다.ㅠ.ㅠ
- 미해결처음 배우는 리액트 네이티브
내장 컴포넌트...
내장 컴포넌트 수업에서 선생님 화면이 보니까 vscode랑 expo에서 만든 프로젝트랑 연결이 되어서 vscode에서 코드를 작성하시던데 연결 어떻게 하는지..또 vscode에서 프로젝트 저장하고 종료시에 expo에서 저장된 프로젝트 실행을 해서 이전에 하던 작업을 이어 나가려면 어떻게 하는지 궁금합니다.
- 미해결처음 배우는 리액트 네이티브
한가지만 더 도와주셔요..ㅜ.ㅜ
다른데서 찾아보려 노력했지만 못찾겠어요...ㅠ.ㅠ 이렇게 안드로이드 홈 환경변수 설정값을 터미널어 넣고 저장을 하였지만 요렇게 오류가 납니다...뭘 잘못한건지.///....ㅜ.ㅜ 환셩변수 설정 터미널 화면이 선생님과도 많이 다르고 한번만 도와주세요ㅜ.ㅜ
- 미해결처음 배우는 리액트 네이티브
아..감사합니다.
아까 그 창에서 리엑트 네이티브 홈페이지 설정셋팅값에서 안드로이드 홈에있는 코드 붙여넣기 해서 잘 빠져 나왔습니다. 그럼이제 홈 환경변수 설정이 끝난거죵?