55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨iOS/Android 앱 개발을 위한 실전 React Native - Basic
환경변수 설정
환경변수 설정 할 때 vi ~/.bash_profile 을 연 후 그대로 붙여넣기 했는데 터미널에서 이렇게 나옵니다. -bash: adb: command not found 혹시 해결방법이 있을까요
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
ios에서 이미지가 안뜨네요..
안드로이드에서는 정상적으로 이미지가 로딩이 되는데 ios에서 실행 시 이미지가 보이지 않네요 ㅠㅠ 일시적인 오류로 안됬던것일수도 있다 생각들어 다음강의로 넘어가던 중 Header Bar에 이미지를 넣는 부분에서도 ios에서는 안뜨구요..
- 해결됨iOS/Android 앱 개발을 위한 실전 React Native - Basic
개발환경 설정 관련하여 몇가지 내용 보완이 필요해 보여요.
안녕하세요. 강의 잘 듣고 있습니다. 강의 영상에서 환경설정시 bash 쉘 기준으로 설명해 주셨는데요. 맥OS 업데이트 이후(카탈리나 이후) 기본 쉘이 zsh 로 변경되어 이 부분에 대한 보충 설명이 필요할 것 같습니다. 맥을 잘 쓰는 사람들의 경우에는 문제 없이 설정 가능한 부분이긴 하지만, 맥OS를 처음 쓰거나 이런 변경된 내용을 모르는 사람들의 경우에는 헤맬 수 있을 것 같아요. 최신 맥OS 에서는 ~/.bash_profile을 수정하는 대신 ~/.zshrc 파일을 수정해야 환경변수가 정상 로드 됩니다. 또한 안드로이드 에뮬 실행 (run-android) 시 오류가 나시는 분들은 gradle 버젼 문제입니다. 기본으로 생성된 React Native 프로젝트 안에 /android/gradle/wrapper/gradle-wrapper.properties 파일로 이동하여 distributionUrl로 시작하는 라인에서 gradle 버전을 distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip 로 변경해 주고 재시작하면 오류 없이 정상작동하는 것을 확인할 수 있습니다. 개발 환경 설정이 잘 안되시는 분들은 참고하시기 바랍니다
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
실행이 갑자기 안됩니다. ㅠㅠ
질문을 안드리고 싶은데..ㅠㅠ 자꾸만 질문을 하게 되네요.. 죄송합니다. 실행이 잘 되던 것이 어느날 갑자기 안되기 시작합니다. 어제도 고생해서 다시 예전 버전으로 복사해서 어찌어찌 됐는데.. 오늘도 잘 되다 갑자기 또 안됩니다. 구글링을 해보니 메모리 누수 관련된거 같은데.. 어떻게 메모리를 늘려야 하는지 모르겠습니다. 에러 내용은 아래와 같습니다. react-native run-android, ios 둘다 아래의 내용이 나옵니다. Failed to construct transformer: { Error: Call retries were exceeded at ChildProcessWorker.initialize (/Users/yspark/project/react_native/GOGOING/node_modules/jest-worker/build/workers/ChildProcessWorker.js:193:21) at ChildProcessWorker.onExit (/Users/yspark/project/react_native/GOGOING/node_modules/jest-worker/build/workers/ChildProcessWorker.js:263:12) at ChildProcess.emit (events.js:189:13) at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12) type: 'WorkerError' } Error: Call retries were exceeded at ChildProcessWorker.initialize (/Users/yspark/project/react_native/GOGOING/node_modules/jest-worker/build/workers/ChildProcessWorker.js:193:21) at ChildProcessWorker.onExit (/Users/yspark/project/react_native/GOGOING/node_modules/jest-worker/build/workers/ChildProcessWorker.js:263:12) at ChildProcess.emit (events.js:189:13) at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12) 그리고 언제부턴가 android 폴더에 java_pid번호.hprof 파일이 생겼습니다. 분명 메모리 초과인거 같긴한데, 어떻게 메모리를 늘려야 하나요? 찾아보니 node --max-old-space-size=4096 yourfile.js 라고 되어 있는데, vs code 터미널창에서 임의의 js파일(console.log('ok')만 있는 yourfile.js를 만들어서 실행을 해보았는데 아무런 메시지 없이 실행은 된거 같은데. react-native run-ios 해도 위의 어마무시한 에러는 똑같이 뜹니다. 아, 어떻게 해야 할까요? 가르침을 주시면 정말 감사합니다. react-native 는 개발하기 너무너무 힘드네요..
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
아이콘 이미지와 버튼이 보이지 않습니다
header bar 커스터마이징 강좌에서 똑같이 따라했는데 아이콘 이미지가 보이지 않아요 user.js 로 이동했을때, headerBackTitle로 Back 글씨는 보이게 할 수 있는데, 뒤로가기 화살표 버튼은 보이지 않아요... 다음 강좌인 버튼도 headerRight가 먹질 않는것 같습니다
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
이전 스크린으로 프로퍼티 전달
다음 스크린으로는 프롭스가 잘 전달 되는데, 이전 스크린으로는 전달하려면 똑같이 구현하면 될까요?
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
import from 할때
import Icon from "react-native-vector-icons/dist/Ionicons" 말고 import Icon from "react-native-vector-icons/Ionicons" 해도 똑같이 되는데 뭐가 다른건가요?? 추천하시는 방법이 있나요?
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
state 사용에 관하여..
안녕하세요? 질문 답변에 항상 감사드립니다. ..^^ 실제 코딩을 하다보니 state 값을 control 하기가 참 힘드네요..ㅠㅠ 현재 회원가입화면에서 이메일주소와, 비밀번호, 확인 비밀번호를 입력받아 올바른 입력인지 체크하는 단계입니다. 그런데, 첫번째, 두번째 비밀번호 입력할때마다 첫번째, 두번째 비밀번호가 같은지 비교하여야하는데, 첫번째 비밀번호를 입력하여 setState 를 하고 바로 state값을 얻어와 2번째 비밀번호와 비교를 해야하는데. 바로 적용된 state 값을 안 넘어오고 이전의 state값이 넘어옵니다. (마지막 입력 글자는 state값으로 바로 안넘어옵니다.) 이럴때는 어떻게 해야하는지 참 난감합니다. TextInput onChangeText에서 입력값을 setState를 했는데도 다시 state값을 불러오면 바로 반영이 안되어 내부 멤버변수로 그냥 사용을 했습니다. 그런데, 이번에는 err_password 부분도 setState한 부분이 바로 반영이 되질 않습니다. 이것도 멤버변수로 그냥 사용을 해야 하는지, 아님 제가 모르는 부분이 있는지 꼭 답변 부탁드립니다. 소스코드: 클래스 선언 부분) class Join01_Start extends Component { _emailTextInput = '' _passwordTextInput = '' _passwordTextInput2 = '' constructor(props) { super(props) this.state = { emailTextInput : '', passwordTextInput : '', passwordTextInput2 : '', refEmail : React.createRef(), refPassword : React.createRef(), refPassword2 : React.createRef(), err_email : false, //이메일입력 체크 에러 내용 err_password: false, //패스워드입력 체크 에러 내용 err_password2: false, //패스워드입력 체크 에러 내용 password_msg : '', //패스워드 입력 현황 메시지 password2_msg : '', //패스워드2 입력 현황 메시지 isNextDisable: true, //다음 버튼 활성화여부 } } //패스워드 입력 Validation checkPasswordValidation = (passwordTextInput) => { let reg = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/; if (reg.test(passwordTextInput) === false) { //잘못 입력시 this.setState({err_password : true}) } else { //에러없음 this.setState({err_password : false}) console.log('err_password false state setting') } console.log('check err_password', this.state.err_password ) this.displayErrPassword() } displayErrPassword = () => { console.log('dis1', this._passwordTextInput, this.state.err_password, this._passwordTextInput2, this.state.err_password2) if (this._passwordTextInput.length === 0 && this._passwordTextInput2.length === 0) { this.setState({password_msg : ''}) this.setState({password2_msg : ''}) } else { if (this.state.err_password) //비번1에 에러 있으면 this.setState({password_msg : '비밀번호가 올바르지 않습니다.'}) else {//비번1에 에러없으면 this.setState({password_msg : '사용가능한 비밀번호입니다.'}) } } } 소스코드: render() 함수 내부 {/* 비밀번호 */} <View> <View style={{ padding: 0, margin: 0, height: 50, flexDirection:'row', alignItems: 'center'}}> <TextInput placeholder="비밀번호(영문,숫자,특수문자 포함 8~12자리)" ref={(password) => {this.state.refPassword = password}} autoFocus={false} secureTextEntry={true} keyboardType='default' //ios에서 키패드 안열리면 command + K 누르면 다음부터 보임 textContentType='oneTimeCode' //yellow strong 패스워드 방지하기 maxLength={12} style={{paddingTop: 0, paddingBottom: 0 , width: '92%', height: '85%', borderColor: '#5378DF', borderBottomWidth : 1, fontSize: 16, textAlign: 'left', marginRight: 5}} value={this.state.passwordTextInput} blurOnSubmit={false} //키보드 깜빡임 방지 returnKeyType='next' onEndEditing={()=>console.log('pw1 endediting')} onSubmitEditing={() => this.state.refPassword2.focus()} onChangeText={(passwordTextInput) => { this._passwordTextInput = passwordTextInput this.setState({ passwordTextInput: passwordTextInput }) this.checkPasswordValidation(passwordTextInput)}} /> 선생님의 경험담을 간절히 기다립니다..
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
안드로이드 에뮬레이터 오류
혹시 이런 오류 나시는분은 안계신가요???? 전 High Sierra 10.13.6 - Xcode 10 에서 테스트하고 있고 나머지는 버전 맞춰서 설정 했는데요 안드로이드 에뮬레이터를 실행하면 이런 에러가 나는데 도대체 수정할 방법이 검색으로도 안나오네요
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
react-native init --version 0.61.5 인 이유
안녕하세요 선생님, react-native 다운 시 버전 2.14 로 알고 읶는데 여기 강의에서는 왜 0.61.5버전으로 시작하는 지 궁금합니다~
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
npm --version 6.4.1
안녕하세요, 좋은 강의 감사합니다. 제 mac 으로 npm --version 확인 시 6.4.1으로 뜨는데, 강의에는 6.13.7 버전입니다. 혹시 이 버전 다른 게 개발 환경에 영향이 있을까요? 감사합니다.
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
Java 8버전으로 해도 상관없나요?
오픈JDK java8 버전으로 실습하고자 하는데요 문제가 없을까요? 그리고 vscode 특정 버전을 사용해야하는 이유가 있나요?
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
4:12 윈도우환경에서는
윈도우 환경에서는 환경변수설정을 어떻게 하나요?
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
핸드폰 번호 가져오기가 안되어서요....
DeviceInfo.getPhoneNumber() samsung만 나타나요 device연결해서 테스트했는데? 무엇이 문제인지요?
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
OS 가 Windows 일 경우 환경설정을 어떻게 해야하나요?
오늘 오후부터 시작했습니다 Installation 2 하고 있는데 OS 가 Windows 여서 찾이가 있다보니 불가능간거 몇 빼고 하려고 하니 emulator 와 code 가 연결이 안되고 오류가 나가있습니다 iOS 는 빼고 Android 만 할 계획있니다 처음 단계로 나온 nvm 을 Windows 에서 어떻게 설치해야되는지와 Cocoa 와 xCode 는 알되테니 아이에 빼도 되는지 아니면 Windows 에서 다른거로 대신할 수 있는지 알았으면 합니다 대처할게 있다면 어떻게 설정해야 하는지와
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
강의자료
강의자료는 링크가 어디 있는지 모르겠어요.
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
왜 저는 slider가 안나올까요?
react-native community 에 똑같이 slider 검색을 했는데 안나오네요 ㅠ
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
bash_profile에 저장후 source 명령어를 통해 업데이트하면 저장은 되는데 다시 키면 adb 명령어가 안먹혀요.
제목과 같습니다. 그래서 비쥬얼스튜디오코드에서 리액트네이티브를 통해 구동을 할때도 안드로이드를 못찾는거 같습니다. 터미널을 껏다키면 bash_profile저장 후 source 명령어를 통해 저장을 한것이 다시 초기화 되서 다시 쳐야하는 것같은데 문제가 무엇일까요?
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
안드로이드 에뮬레이터를 찾지를 못합니다 ㅠㅠ
IOS 에뮬레이터는 잘작동이 되는데 안드로이드는 불러오질 못하네요 react-native run android 하고 실행을 하면 아래와 같이 에러가 나요 보니까 vi 를 bash 로 작성하던데 저는 지금 iterm2 와 zsh를 사용중입니다 이게 원인일까요 ? info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. (node:25517) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency (Use `node --trace-warnings ...` to show where the warning was created) Jetifier found 864 file(s) to forward-jetify. Using 16 workers... info JS server already running. /bin/sh: adb: command not found info Launching emulator... error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch. info Installing the app... Starting a Gradle Daemon (subsequent builds will be faster) FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at '/Users/seize/Desktop/react-native/myRn/android/local.properties'. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 7s error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment. Run CLI with --verbose flag for more details. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at '/Users/seize/Desktop/react-native/myRn/android/local.properties'. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 7s at checkExecSyncError (child_process.js:616:11) at execFileSync (child_process.js:634:15) at runOnAllDevices (/Users/seize/Desktop/react-native/myRn/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:94:39) at processTicksAndRejections (internal/process/task_queues.js:93:5)
- 미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
동영상 촬영
수업 잘 들었습니다. 혹시 동영상 촬영을 하고 동영상을 재생하려면 어떻게 해야하나요??