월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결처음 배우는 리액트 네이티브
안드로이드 홈 환경변수 질문입니다.
에러 메세지는 정상 적으로 지워진듯 합니다. 그런데 홈 환경변수 설정에서 리엑트에서 제공하는 코드를 붙여넣기 할려고 명령어 선생님과 같이 vi ~/.zshrc 를 입력하니 이런창이 나옵니다. 이럴땐 어떻게 해야하나요?ㅠ.ㅠ
- 미해결처음 배우는 리액트 네이티브
안드로이드 홈 환경변수 설정질문입니다.
영상 보면서 따라 설치 하고 있는데 안드로이드 홈 환경변수 설정할때 터미널에 vi ~/.zshrc를 입력하니까 선생님과 같은 화면이 안나오고 E325: ATTENTION 화면이 나옵니다. 어떻게 해야 하나요?
- 미해결처음 배우는 리액트 네이티브
Notification Icon들의 색깔과 배경을 어떻게 바꿀까요?
react native를 이제 막 배우는 초보입니다. 간단하게 webview를 통해 개발의 맛을 보고 있는 중인데요. Notification bar에 나오는 아이콘들의 색깔와 배경을 어떻게 지정을 하는지 모르겠어요 --; 강의를 들어보고, doc을 찾아봤는데도 어떻게 접근을 해야할지 몰라서입니다. 마찬가지로 제일 하단에 home 버튼, back버튼의 색깔와 배경도 어떻게 접근을 해야할지요? 아래와 같이 해봤답니다. --; import * as React from 'react'; import {StyleSheet,View, Text} from 'react-native' ; import { NavigationContainer} from '@react-navigation/native'; import { createStackNavigator} from '@react-navigation/stack'; import { WebView } from 'react-native-webview'; function HomeScreen() { return ( <WebView source={{ uri: 'http://segerodc.org/' }}/> ); } const Stack = createStackNavigator(); function App() { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerStyle:{ height:27, backgroundColor: '#555555', }, headerTitleStyle:{ fontSize: 0, }, headerTintColor: '#fff', }} > <Stack.Screen name="Home" component={HomeScreen} /> </Stack.Navigator> </NavigationContainer> ); } export default App;
- 미해결처음 배우는 리액트 네이티브
동기/비동기 문제인거 같은데...제가 완전 초짜라 해결이 안되서요....
Signin.js const _handleSigninBtnPress = async () => { console.log('sign in'); try{ console.log('console.log : ' + signin()); }catch(e){ Alert.alert('Signin Error', e.message); }finally{ spinner.stop(); } } firebase.js export const signin = async (data) => { console.log("위치 1"); await fetch('http://192.168.0.311:3000/auth/login', { method: 'POST', body: JSON.stringify(this.state), headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', }, }) .then((response) => response.json()) .then((responseJson) => { console.log("위치 2"); if (responseJson.status == 'success') { console.log("위치 3"); return; } else { console.log("위치 4"); return; } }) .catch((error) => { console.error(error); return; }); console.log("위치 5"); }; 위 Signin.js의 _handleSigninBtnPress에서 signin()을 호출하면 콘솔에 로그 찍히는 순서가 다음과 같습니다. > sign in > 위치 1 > console.log : [object Object] > 위치 2 > 위치 3 > 위치 5 위치1과 위치2 사이의 저 로그가 Signin.js의 signin() 부분인데....어떻게 해야 할지 모르겠어요... 서버를 따로 구성해서 로그인은 만들어보고 있습니다. node.js에서 로그인 처리하고 데이터를 리턴하여 채팅앱 소스에 녹여보려고 하는데 해결이 안되네요....
- 미해결처음 배우는 리액트 네이티브
채팅채널 생성 구현 시 오류입니다.
안녕하세요. 바쁘신데 또 질문드려 죄송합니다. 채팅채널 생성 구현중인데 firebase.js 파일 저장만 하면 다음과 같은 오류가 나옵니다. 선생님 코드 다운받아서 한 줄 한 줄 비교해가며 봐도 뭐가 문젠지 못찾겠습니다. 오류 무시하고 채널 생성 버튼을 누르면 다음의 메시지가 출력됩니다. 두 개의 문제가 연결된건지는 잘 모르겠습니다. 문제의 파일이 담긴 주소는 이곳입니다. https://github.com/Schidshow/kbjChatApp 매번 신경써주셔서 너무 감사합니다.
- 미해결처음 배우는 리액트 네이티브
sign out 버튼 기능 구현 과정에서 진행이 되지 않습니다.
반복하여 찾아봐도 잘 모르겠습니다. 도와주세요. ㅠㅠ sign out 버튼 RED로 진행하는 부분까지는 잘 되었습니다. 그 이후에 구글 Auth signOut 기능을 이용하여 signout 기능 구현을 따라 했으나 아래와 같은 에러가 발생됩니다. 저 오류에서 가리키고 있는 부분은 다음과 같습니다. export const getCurrentUser = () => { const {uid, displayName, email, photoURL} = Auth.currentUser; return {uid, name: displayName, email, photo: photoURL}; }; signout쪽 코드는 다음과 같습니다. export const signout = async () => { await Auth.signOut(); return {}; }; 지금까지의 풀 코드가 있는 깃허브 주소는 다음과 같습니다. https://github.com/Schidshow/kbjChatApp 감사합니다!!
- 미해결처음 배우는 리액트 네이티브
로그인 후 에러 관련 문의...
The action 'NAVIGATE' with payload {"name":"Profile","params":{"user":{"uid":" .....어쩌구 저쩌구..... Do you have a screen named 'Profile'? If you're trying to navigate to a screen in a nested navigator, see https://reactnavigation.org/docs/nesting-navigators#navigating-to-a-screen-in-a-nested-navigator. This is a development-only warning and won't be shown in production. at node_modules\react-native\Libraries\LogBox\LogBox.js:148:8 in registerErrorat node_modules\react-native\Libraries\LogBox\LogBox.js:59:8 in errorImplat node_modules\react-native\Libraries\LogBox\LogBox.js:33:4 in console.errorat node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in errorat node_modules\@react-navigation\core\src\BaseNavigationContainer.tsx:397:8 in React.useCallback$argument_0at node_modules\@react-navigation\core\src\useNavigationHelpers.tsx:48:25 in dispatchat node_modules\@react-navigation\core\src\useNavigationCache.tsx:79:10 in dispatchat node_modules\@react-navigation\core\src\useNavigationCache.tsx:89:50 in acc.nameat src\screens\Signin.js:61:12 in _handleSigninBtnPressat node_modules\regenerator-runtime\runtime.js:63:36 in tryCatchat node_modules\regenerator-runtime\runtime.js:293:29 in invokeat node_modules\regenerator-runtime\runtime.js:63:36 in tryCatchat node_modules\regenerator-runtime\runtime.js:154:27 in invokeat node_modules\regenerator-runtime\runtime.js:164:18 in PromiseImpl.resolve.then$argument_0at node_modules\react-native\node_modules\promise\setimmediate\core.js:37:13 in tryCallOneat node_modules\react-native\node_modules\promise\setimmediate\core.js:123:24 in setImmediate$argument_0at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:130:14 in _callTimerat node_modules\react-native\Libraries\Core\Timers\JSTimers.js:181:14 in _callImmediatesPassat node_modules\react-native\Libraries\Core\Timers\JSTimers.js:441:30 in callImmediatesat node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:387:6 in __callImmediatesat node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:135:6 in __guard$argument_0at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:364:10 in __guardat node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:134:4 in flushedQueueat [native code]:null in flushedQueueat [native code]:null in invokeCallbackAndReturnFlushedQueue 해당 오류 발생 후에도 오류메시지 닫고 진행하면 잘 되긴 합니다. 어떤 오류 인지도 잘 모르겠네요...
- 미해결처음 배우는 리액트 네이티브
warning 해결 가능할까요;;
안녕하세요! 현재 채팅앱 기능구현 - 회원가입 챕터 진행 중입니다. 회원가입 기능구현 테스트 시 실제 가입도 되고 제 파이어베이스 안에 회원등록도 잘 되고, 함께 올린 사진도 스토리지에 잘 올라갑니다. 다만 warning이 몇 개가 나옵니다. 끙끙대봤지만 기반 지식이 없어서 그런가 힘드네요.. expo안쓰고 최대한 본문과 똑같이 한다고 한 건데 그 부분이 문제일까요 ㅠ 일단 깃허브에 코드 올려 놓았습니다. https://github.com/Schidshow/kbjChatApp 신경써주셔서 미리 감사 드립니다.!! (보시면 물론 아시겠지만 expo 이미지 피커 대신 네이트브 라이브러리의 이미지 피커를 사용했습니다. https://github.com/react-native-image-picker/react-native-image-picker#note-on-file-storage)
- 미해결처음 배우는 리액트 네이티브
이미지가 정상 출력되지 않습니다.
안녕하세요~ 현재 회원가입 화면 챕터 진행 중에 있습니다. Figma로 이미지를 만들어서 앱 로고 화면에 넣었습니다. 단순 파이어베이스 스토리지에 올려놓은 주소만 바꿔서 시뮬레이터로 테스트 했는데 하나의 이미지는 잘 뜨는데 다른 하나의 이미지는 회색 화면으로만 보입니다. 두 이미지의 주소는 다음과 같습니다.(초록색 주소의 이미지가 회색화면이 뜨며 하단 이미지는 정상 출력 됩니다.) 도움이 필요합니다. 'https://firebasestorage.googleapis.com/v0/b/study-chatapp-fa364.appspot.com/o/face.png?alt=media'; 'https://firebasestorage.googleapis.com/v0/b/study-chatapp-fa364.appspot.com/o/logo.png?alt=media';
- 미해결처음 배우는 리액트 네이티브
질문 있습니다.!
영상 9분 30초 쯤에 나오는 hreaderLeft 객체에 onPress, tintColor 객체는 어디서 받아오는 래퍼런스 값인가요? <Stack.Navigator> 에서 받아오는 래퍼런스 값인가요??
- 미해결처음 배우는 리액트 네이티브
moment 지원 중단 경고가 나오는 데요.. 해결 방법이 있나요 ?
안녕하세요.. moment에 대해 경고 문구가 나와서 그러는데요.. Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info. Arguments: 이런 문구가 나오던데, 구글번역 하니깐 지원중단 같은데, 그냥 써도 상관은 없는 건가요 ? 아니면 다르게 사용을 해야 하는 건가요 ?
- 미해결처음 배우는 리액트 네이티브
강의중에 실제프로젝트 강의중에 맨마지막 20분짜리 전 강의에서요.
제가 강의를 보다가 에러 나는 부분이 있어서 올려 봅니다. 파이어베이스에 id 컬럼이 빠져서 맨마지막 강의에 20분 전 강의에서 에러가 나서 파이어베이스에서 컬럼에 id를 추가를 해서 해결을 했습니다. 빠트리신거 같아서 적어 보냅니다. 그리고 가끔 보면요.. Setting a timer for a long period of time, i.e. multiple minutes, is a performance and correctness issue on Android as it keeps the timer module awake, and timers can only be called when the app is in the foreground. See https://github.com/facebook/react-native/issues/12981 for more info. (Saw setTimeout with duration 2694051ms) 이런 경고 문구가 보이던데, 왜 그런 건가요 ?
- 미해결처음 배우는 리액트 네이티브
npm install styled-components 시 오류
혹시 react 및 react-native 또는 cocoapods의 버전에 대한 dependency가 있는지.. 추가로 npm install styled-component 는 설치 성공입니다. styled-components와 styled-component가 다른건지도 확인 부탁드립니다.
- 미해결처음 배우는 리액트 네이티브
firebase.js안 getCurrentUser에서 Auth.currentUser안에 photoURL이 null로 반환됩니다.
firebase.js안 getCurrentUser에서 Auth.currentUser안에 photoURL이 null로 반환됩니다. 1. 가입시 업로드한 사진도 정상적으로 profile/{uid}/photo.png로 들어가 있고 2. 생성된 사진 파일 토큰 없이도 조회가 가능한 것을 확인했습니다. 하지만 프로필 사진은 3. 그래서 getCurrentUser 내에서 Auth.currentUser 객체를 출력해 봤는데 다른 정보는 잘 뜨는데 photoURL 정보가 null이라 뜨는데 혹시 멘토님은 어떻게 뜨시나요?
- 미해결처음 배우는 리액트 네이티브
수정기능 구현이 잘못된 것 같습니다.
강의 그대로 따라했는데 동영상 5:59에 나오는 것처럼 첫번째 할일 수정은 잘 되는데 두번째, 세번째 할일을 수정하게 되면 첫번째 할일이생겨나면서 그할일이 수정됩니다.. 피드백 부탁드립니다.
- 미해결처음 배우는 리액트 네이티브
React Navigation 강의 중 index.js를 이용하여 폴더 통채로 import 하는 부분 주의
질문은 아니고 혹시 저처럼 헤매시는 분 있을까바 정보 공유 차 남겨 드립니다. 네비게이션 강의 중 폴더 통채로 import 하는 부분 있는데 강의 내용에 소문자로 나와있음에도 저처럼 습관적으로 js 파일의 앞글자를 대문자로 할 경우 Index.js로 만들게 됩니다. 앞글자를 소문자로 즉, index.js로 만들어야 동작하더라구요;; 참고하세욤~
- 미해결처음 배우는 리액트 네이티브
Context API 사용하기 강의 문의 합니다.
안녕하세요. Context API 사용하기 강의 에서요.. 강의 내용을 그대로 따라 햇는데, 에러가 납니다. 실제 안드로이드 기기로 테스트 중입니다. {({ name }) => <StyledText>Name : {name}</StyledText>} 이부분에서 에러가 납니다. git 주소는 https://github.com/leetk77777/leetk77777.git 이거 입니다.
- 미해결처음 배우는 리액트 네이티브
안드로이드에서는 사진 업로드가 되는데 ios에서는 안되고 있습니다.
시뮬레이터를 이용해서 ios에서 테스트를 하고 있는데 이미지를 선택하고 choose를 클릭하면 11분 8초처럼 원래 화면으로 돌아오지 않고 멈춰버립니다. 안드로이드에서는 11분 8초 화면처럼 사진이 들어가는 것을 확인했습니다. cancel 클릭시 로그는 찍히나 choose 클릭시 로그에는 따로 메시지가 찍히진 않고있습니다. 제 코드는 https://github.com/stevejhkang/rn-chat.git 여기를 참고하시면 될 것 같습니다.
- 미해결처음 배우는 리액트 네이티브
Expo를 이용하지 않고 AppLoading 구현 질문 드립니다.
안녕하세요. 일단 강의해주시는 범위가 아니라서 먼저 죄송하다는 말씀 드립니다. 제가 만드려고 하는 앱이 expo를 이용하면 어려운점이 많기 때문에 강의를 expo 없이 따라하고 있습니다. To-Do-App의 저장하기 강의에 AppLoading부분이 Expo 라이브러리를 기반으로 구현되어 있다 보니 처음으로 막혔습니다. 일단 이것저것 나름 찾아본 결과 react의 useEffect를 이용하면 어떻게 될 것 같다는 생각은 들었습니다. 다만 useEffect는 component의 didMount와 didUpdate 그리고 willUnmount 시에 실행하도록 할 수 있을 것 같은데 Expo의 AppLoading처럼 'willMount' 즉 앱이 시작될 때 한 번만 수행되고 더 이상 수행되지 않게 하는 건 어떻게 해야 되는건지 잘 모르겠습니다. 도움 주실 수 있을까요?? 아주 대략적인 내용이라도(뭐뭐를 써서 해봐라 등) 알려주시면 너무 감사하겠습니다.
- 미해결처음 배우는 리액트 네이티브
useSateAreaInsets를 Container에 넘겨주고 이것을 활용하는 부분이 이해가 잘 되지 않습니다.
const Container = styled.View` align-items: center; background-color: #ffffff; padding-top: ${({ insets: { top } }) => top}px; padding-bottom: ${({ insets: { bottom } }) => bottom}px; padding-right: ${({ insets: { right } }) => right}px; padding-left: ${({ insets: { left } }) => left}px; `; 기존에 props에 있는 데이터를 사용할 때 ${({theme}) => theme.color} 이런 식으로 사용했었는데 문법이 좀 생소합니다. 좀 자세히 설명해주시면 감사드리겠습니다!