월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결처음 배우는 리액트 네이티브
ToDo 앱을 만들던 도중에 생긴 오류 입니다
저는 Mac이 아니라 Windows로 해보고 있는 중인데요 질문은 2가지 입니다. 1. 구글 머티리얼 디자인 아이콘으로 안드로이드 전용 아이콘들을 다운 받았는데 이것도 이름을 똑같이 하면서 할 수있는 방법이 있나요? 2. 1번 방법을 몰라서 그냥 임의로 하나의 이미지로 정한뒤에 만들었는데, 오류가 뜹니다. 첫번째 사진은 오류 내용이고, 두번째 사진은 코드입니다. 이건 무슨 오류인가요?
- 미해결처음 배우는 리액트 네이티브
정밀한 위치정보를 맵에 표현하는 앱 expo 로 만드는데 문제 없을까요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 학습 내용은 expo를 기반으로 하는데 책에 설명하길 expo api 가 제공하지 않는 기능을 네이티브 모듈을 추가로 만들어 사용하는 것이 불가능하다고 되어있어서요.. 책 48쪽. 저는 정밀한 위치정보를 지도에 표시하는 식의 앱을 구상하고 있습니다. 마치 쿠팡이츠의 배달원 실시간 위치 같은 것이예요. 실시간일 필요는 없지만 최대한 정밀한 위치를 파악하고 싶거든요. 이런 기능도 expo api에 존재할까요? 제가 원하는 앱을 만들기 위한 학습으로 expo api 기반 방법론이 적절한가 궁금합니다. 좋은 강의 감사합니다!
- 미해결처음 배우는 리액트 네이티브
mac VSCode 자동완성
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 ! 유용한 강의 잘 듣고 있습니다. 다름이 아니라 mac 에서 VSCode로 실습을 진행하면서 강사님께서는 코드를 작성하실때 자동완성 탭이 뜨던데 저는 알려주신 익스텐션을 모두 설치해도 자동완성이 뜨질 않네요.. 혹시 추가적으로 설치해야하는 것이 있을까요?
- 미해결처음 배우는 리액트 네이티브
Theme Context 관련 질문
안녕하세요 선생님. 1) 1: 55 에서 styled로 컴포넌트를 만들때는 Button.js 파일 안에 theme을 따로 import 하지 않는데, 지난 강의에서 Auth.js navigation 안에 헤더 컬러를 정할땐 왜 theme을 따로 import 하거나 useContext로 처리해줬어야했는지 궁금합니다. styled 는 styled-components 라이브러리에서 온 가족이라서 굳이 theme이 없어도 자동으로 적용되는건가요...? 2) 강의랑 관련 없는 질문이긴 하나 혹시 리액트로 개발을 하실 때 에러 메시지가 나오면 보통 어떻게 디버깅 하시는지 여쭤도 될까요? 다른 언어들과 다르게 리액트 에러 메시지는 어떤 에러가 났는지도 제대로 알려주지 않고 몇번째 줄에 에러가 났는지도 알려주지 않는거 같아서요. 예를 들어, 가끔 에러가 나서 핸들링을 하려고 하면 단순히 오타가 난건데 아예 관계없는 에러메시지가 뜬다는지 하는게 보여서 혹시 이런 경우 어떻게 처리하시는지 궁금합니다. 다시 코드를 하나하나 뜯어보는 수 밖에 없는건가요...? 감사합니다. 좋은 하루 보내세요.
- 미해결처음 배우는 리액트 네이티브
uploadImage 함수 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 1. 6:42 에 uploadImage 함수 안에 있는 코드가 이해가 가질 않아서요. 어디를 공부해야할지 모르겠습니다. 자바스크립트에서 http 요청을 하고 있는건지 따로 공부하려고 하는데 뭐라고 검색해야할지 조차 모르겠네요. 혹시 조언 주실수 있을까요? 2. 지난 강의에서 firebase 활용 할 때부터 아래 링크에 있는 에러가 자꾸 나서요. https://stackoverflow.com/questions/72179070/react-native-bundling-failure-error-message-while-trying-to-resolve-module-i 밑에 있는 조언대로 metro 파일도 만들고 firebase 버전도 낮췄는데 처음에 vscode에서 metro 파일을 아예 만들 수 없다고 하길래 terminal command 이용해서 억지로 만들어줬는데 이렇게 해도 괜찮은가요? 이 문제가 expo에서 지원하는 기능이 firebase의 특정 버전에서만 작동해서 downgrade에서 firebase를 설치해줘야했던건지도 궁금합니다. 좋은 하루 보내세요.
- 미해결처음 배우는 리액트 네이티브
강의질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 1. 11:48 에 24번째줄에서, "data?.data" 는 무엇을 의미하나요? 2. 익명함수 작성하실 때 언제 아래에 있는 1) 번 방법을 쓰고, 언제 2) 번 방법 쓰고, 언제 3) 번 방법을 사용하는건가요? 1) (prop) => {command} 2) (prop) => command 3) prop => command 감사합니다.
- 미해결처음 배우는 리액트 네이티브
setIsEditing 실행 과정에 대해 질문이 있습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 3:24 에 setIsEditing 에 관련해서 질문이 있습니다. 1. 47번째줄에 edit 컴포넌트의 onPress에 익명함수를 전달하고 있음을 이해했습니다. 1 - 1) IconButton.js를 보면, IconButton은 onPress가 들어올 경우 무조건 item.id를 onPress의 파라미터로 전달하고 있습니다. edit의 경우, item을 prop으로 전달하지도 않았고, item의 디폴트값도 id를 저장하고 있지 않습니다. 그런데 어떻게 에러 없이 동작이 되는지 궁금합니다. 1 - 2) 두번째로 IconButton은 setIsEditing함수가 무엇인지 모를텐데 어떻게 동작하는건지 궁금합니다. 2. 이 강의와 관련없이 저장할때마다 자동으로 props들을 추가하면 줄바꿈이 되는데 어떤 익스텐션을 쓰시는지 궁금합니다. vscode 익스텐션 전부 설치했는데 저는 자동으로 안되어서요 혹시 다른 익스텐션을 쓰시는건가요? 자바스크립트를 배운지 오래되어서 그런건지 리액트 기초나 동작원리를 이해 못해서 그런건지 명확하지 않은 부분이 많네요. 그래서 질문이 횡설수설한거 같습니다. 답변 주시면 감사하겠습니다.
- 미해결처음 배우는 리액트 네이티브
useRef 사용에 대한 질문입니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 우선 강의 내용과는 상관없는 Typescipt에 대한 질문을 드려 죄송합니다. useRef 강의를 공부중입니다. import React, { useState, useEffect, useRef } from 'react'; import { TextInput } from 'react-native'; import styled from 'styled-components/native'; import Button from './Button'; const StyledInput = styled.TextInput` border: 1px solid #111111; padding: 10px; margin: 10px 0; width: 200px; font-size: 24px; `; const StyledText = styled.Text` font-size: 24px; margin: 10px; `; const Form = () => { const [name, setName] = useState(''); const [email, setEmail] = useState(''); const refName = useRef<TextInput>(null); const refEmail = useRef<TextInput>(null); // const refName = useRef<HTMLInputElement | null>(null); // const refEmail = useRef<HTMLInputElement | null>(null); const count = 0; useEffect(() => { console.log('--------Mount--------'); refName.current?.focus(); return () => console.log('--------UnMount--------'); }, []); useEffect(() => { console.log(`name : ${name}, email : ${email}`); }, [email]); const onSubmit = () => console.log('submit'); return ( <> <StyledText>Name : {name}</StyledText> <StyledText>Email : {email}</StyledText> <StyledInput ref={refName} value={name} onChangeText={text => setName(text)} returnKeyType={'next'} onSubmitEditing={() => refEmail.current?.focus()} placeholder={'Name'} /> <StyledInput ref={refEmail} value={email} onChangeText={text => setEmail(text)} returnKeyType={'done'} onSubmitEditing={onSubmit} placeholder={'Email'} /> <Button title="count" onPress={() => count + 1} /> <StyledText>count : {count}</StyledText> </> ); }; export default Form; 강의 내용처럼 코드를 다 작성하고 typesciprt 적용해보면서 공부중인데 아래 typescript 오류가 도저히 해결이 안되어서 혹시 도움을 받을수 있을까 해서 질문드려봅니다.
- 미해결처음 배우는 리액트 네이티브
오류가 발생했습니다.
따라서 진행을했는데 채팅을 쳐도 화면에 남아있지않고 또 console에 avatar부분에 강의처럼 링크가 나오지도 않습니다ㅠ 깃허브는 : https://github.com/Dong-Seung-hyeon/rn-Login 이것입니다.
- 미해결처음 배우는 리액트 네이티브
Prettierrc 파일 생성 어떻게 하나요
Prettierrc 파일 생성 어떻게 하나요
- 미해결처음 배우는 리액트 네이티브
강의영상과 다르게 나옵니다.
강의와 같이 tab.screen name = "list"로 했는데 하단에도 글씨가나오고 상단에도 같이나와서요...ㅠ https://github.com/Dong-Seung-hyeon/rn-Login
- 해결됨처음 배우는 리액트 네이티브
firebase.js파일 저장시 오류가나옵니다.
firebase.js파일을 수정하고 저장하면 이러한 오류가 나옵니다 선생님 https://github.com/Dong-Seung-hyeon/rn-Login
- 미해결처음 배우는 리액트 네이티브
오류 해결좀 해주세요ㅠ
갑자기 이런오류가 계속 나와요 선생님 https://github.com/Dong-Seung-hyeon/rn-Login
- 미해결처음 배우는 리액트 네이티브
참고해서 수정을 해봤는데 오류가 계속나오네요...
주신자료보고 깃허브 코드보고 수정해봤는데 https://github.com/Dong-Seung-hyeon/rn-Login 오류가 계속나와요
- 미해결처음 배우는 리액트 네이티브
오류가 나옵니다...ㅠ
오류가 발생하였습니다. https://github.com/Dong-Seung-hyeon/rn-Login
- 미해결처음 배우는 리액트 네이티브
궁금한게있습니다.
firebase.js에서 export const signin = async ({email, password}) => ( ({email, password})이렇게 한 이유는 파라미터로 전달해야하는 값때문이고 const {user} 여기부분에서 user를 적은이유가 반환되는 값에 user가 포함되어있어서 적은건가요?
- 미해결처음 배우는 리액트 네이티브
선생님... 오류가 나와서요ㅠ
ref부분 추가했는데 TypeError: Component is not a function. (In 'Component(props, secondArg)', 'Component' is an instance of Object) 이러한 오류가 나와서 컨포넌트에 변수 오류같은데 https://github.com/Dong-Seung-hyeon/rn-Login 한번만 확인 부탁드립니다ㅠ
- 미해결처음 배우는 리액트 네이티브
Text strings must be rendered within a <Text> component.
포커스상태를 위해서 코드를 입력하였는데 다시 Text strings must be rendered within a <Text> component.라는 오류가 발생했습니다ㅠ
- 해결됨처음 배우는 리액트 네이티브
Text strings must be rendered within a <Text> component.
08:42까지 따라했는데 실행시키니 Text strings must be rendered within a <Text> component. 이러한 오류가 발생했습니다ㅠ
- 미해결처음 배우는 리액트 네이티브
커스텀 컴포넌트 관련 질문드립니다
안녕하세요 커스텀 컴포넌트 강의를 듣고 따라하고 있는데 react native에서 Button 부분 받아와서 작성한 코드만 가상기기에 적용이 안됩니다. 예를 들어 가상기기의 초기 화면에 뜨는 텍스트의 단어를 수정한 것은 바로바로 반영이 되는데, MyButton 등의 항목은 나타나지 않을 뿐더러 아예 반영이 되지 않습니다.. 코드 에러도 나는 것이 아니여서 무엇이 잘못되었는지 모르겠습니다 ㅠㅠ https://blog.naver.com/wlsgywjd22/222724101803 여기에 영상 등록해놓았는데 어디 문제일까요.. ++ 혹시 TouchableOpacity 대신 Pressable을 이용해야 하나요? Pressable을 이용해야 한다면 문법이 좀 다른가요?ㅜㅜ 그냥 TouchableOpacity 단어 대신 Pressable을 치환하는 걸로는 정상 실행이 안되네요... 코드는 우선 pressable로 바꾼 후 코드로 올립니다 MyButton.js import React from 'react'; import { Pressable,View,Text } from 'react-native'; const MyButton = () => { return ( <Pressable onPress={() => alert('MyButton')}> <View Style={{backgroundColor: 'red', padding: 10}}> <Text style={{ fontSize: 20, color:'white'}}>MyButton</Text> </View> </Pressable> ); }; export default MyButton; App.js import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, Button} from 'react-native'; import MyButton from './MyButton'; export default function App() { return ( <View style={styles.container}> <Text>Open up App.js to start working on your app!</Text> <StatusBar style="auto" /> <Button title="Button" onPress={() => alert('Click!!')} /> <MyButton /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });