묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React Native with Expo: 제로초에게 제대로 배우기
에뮬레이터 에서 오류
안녕하세요 푸쉬알림 카카오로그인 할때 엑스포 고우로 통해서 개발이 안되는걸로 아는데 그이후로부터는 빌드된 앱으로 들어가서 테스트 하는걸로 알고 있거든여 근데 빌든된 앱을 들어가서 ip주소 수동으로 쳐서 들어가려고 하는데 계속 에러가뜨네요 ping테스트 도 해보고 서버도 켜서 웹브라우저에서 번들 다운되는지도 확인했는데 에뮬레이터 접속이 안되네요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
IOS 빌드 시 팀정보를 회사로 등록해버렸어요.
npm ls expo버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. IOS 빌드 시 팀정보를 회사로 등록해버렸어요.제 개인 애플 계정의 개인 personalteam으로 했어야하는데 회사 팀으로 해버렸어요 어떻게 수정해야할가요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
[CSS&JS 마스터]공부하는 속도, 코드 리뷰
현재 군대 사지방에서 공부하고 있는 군인입니다.지금 현재 [입중급]CSS&JS 마스터를 수강하고 있습니다.섹션1을 마치고 과제1을 모두 마치는 데에 총 4일이 소요됐습니다.매일 2시간 씩밖에 컴퓨터를 사용하지 못하는데 이정도 속도면 괜찮은지 여쭙고 싶습니다. 그리고 중간중간 코드 리뷰를 받고 싶을 때에는 어떻게 하면 될까요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
빌드 오류
빌드 까지 성공했는데 orbit에서 시뮬레이터 실행하면 사진처럼 오류가 나옵니다.
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
[3-1] container에 넣은 flexDirection을 large와 medium에 중복해서 넣는 이유가 궁금합니다.
CustomButton.tsx의 styles.container 에서 flexDirection: 'row'를 명시해줬는데, large와 medium에 중복해서 명시해주는 이유가 궁금합니다~!
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
안드로이드 기준으로 원래 키보드가 터치로 안뜨나요??
인풋 컴포넌트를 누르면 email 까진 그래도 키보드 띄울수있게 바가 떠서 show on screen keyboard 누르면 키보드가 뜨는데비밀번호는 왼쪽 바도 안떠서요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
router.push() 오류
npm ls react : react@19.0.0npm ls react-native: react-native@0.79.5npm ls expo: expo@53.0.19 강의와 소스코드 자료에서 주어진 것과 동일하게 \[username]\index.tsx에 다음과 같이 작성했는데 router.push()에 동적 주소 넣는 부분에서 오류가 발생하는 것 같아요.이 경우에는 어떻게 해결해야 하나요? import { Text, View, TouchableOpacity } from "react-native"; import { useLocalSearchParams, useRouter } from "expo-router"; export default function Index() { const router = useRouter(); const { username } = useLocalSearchParams(); return ( <View style={{ flex: 1, justifyContent: "center", alignItems: "center", }} > <View> <TouchableOpacity onPress={() => router.push(`/${username}`)}> <Text>Threads</Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.push(`/${username}/replies`)}> <Text>Replies</Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.push(`/${username}/reposts`)}> <Text>Reposts</Text> </TouchableOpacity> </View> </View> ); }'`/${string}`' 형식의 인수는 'RelativePathString | ExternalPathString | "/modal" | `/modal?${string}` | `/modal#${string}` | "/home" | `/home?${string}` | `/home#${string}` | "/[username]/index" | `/[username]/index?${string}` | ... 53 more ... | { ...; }' 형식의 매개 변수에 할당될 수 없습니다.
-
미해결따라하며 배우는 리액트 네이티브 기초
expo가 안깔리고 에러가 납니다.
안녕하세요 expo qr 코드 진행후 에러가 나서 문의 드립니다. 강의 내용 그대로 진행했고, 맥에 xcode 설치 했고, 아이폰에 expo 설치하고 아이폰 카메라로 qr 찍었는데 첨부한 이미지와 같은 에러가 발생하고 있습니다. 혹시 해결할 수 있는 방법이 있을까요? 구글 검색 시도후 여러가지 해봤는데 진행이 안되네요 답변 부탁드립니다. 감사합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
GRAPHQL 활용 과제
과제 10 진행하고 있습니다."수정을 하기 위해서는 글을 입력할때 설정하였던 비밀번호를 입력받아야 합니다."이런 조건이 있던데 비밀번호는 어디에 저장되는 건가요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
강의를 듣다가 파일구조를 보다가 궁금한점이 있어서 질문드립니다
안녕하세요 제가 파일 구조를 보다가 하나 궁금한점이 생겼는데요[username] 폴더는 제 마이페이지를 보여주는걸로 아는데 모달로 route가 되어있잔아요 라우트가 근데 [username]파일 안에 index 파일에 패스 url 언디파인일때 보여주는 거 같더라고여 이거는 혹시 다른 상황에 대비해 패스 경로가 언디파인이여도 정상적으로 보여줄수 있도록 설계가 되있는 건지 궁금해서 질문 남깁니다..!
-
미해결따라하며 배우는 리액트 네이티브 기초
React-Native 강의중 expo 모바일이랑 연결 중에 이런 오류가 나네요
강의에서 하라는대로 했고, qr코드 아이폰 카메라로 인증 했는데 이렇게 뜨는데 어떤걸 수정하면 이런오류가 나지 않을까요? 오류가 나는 이유도 모르겠는데 답변 부탁드립니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
노란색 경고줄
노란색 경고줄이 안뜨는데 뜨게 하는 방법이 무엇인가요??
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
ios simulator 환경설정
brew install watchman 설치 후 가이드가 변경이 되었는지 Create a development build부분이 생겼는데 이부분도 미리 설치하면 되는걸까요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
현재 [그랩마켓] React로 웹 개발하기 -2 듣고 있는데요,1.그랩 선생님 소스 코드와 동일하게 아래 작성한 index.js 소스 첨부하는데요,실행하면,1초 동안 잠깐 판매되는 상품들 이미지 없이 전체 페이지 뜨다 바로 아래 첨부한 그림과 같이에러가 발생 합니다.이 에러는 어떻게 해결 할 수 있을까요?--------2. index.js 소스 아래에 작성 첨부 합니다.import './index.css'; import axios from "axios"; import React from 'react'; function MainPage(){ const [products, setProducts]=React.useState([]); React.useEffect( function(){ axios.get("이곳에는 제 목 mock 서버 주소를 넣었습니다/products") .then(function(result){ const products=result.data.products; setProducts(products); }).catch(function(error){ console.error("에러 발생:",error); }); },[]); return ( <div> <div id="header"> <div id="header-area"> <img src="../images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="../images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"> { products.map(function(product, index){ return ( <div className="product-card"> <div> <img className="product-img" src={product.imageUrl} /> </div> <div className="product-contents"> <span className="product-name">{product.name} </span> <span className="product-price">{product.price}원 </span> <span className="product-seller"> <img className="product-avatar" src="../images/icons/avatar.png" /> <span>{product.seller}</span> </span> </div> </div> ); }) } </div> </div> <div id="footer"></div> </div> ); } export default MainPage;그리고, 추가적으로 아래 그랩님 답변 본 뒤 다시 시도해 본 후 질문이 있어 추가적으로 글을 적습니다.현재 postman을 실행하고요, 제 해당 목 mock 서버 주소를 입력 후 끝에 /products까지하면요, 아래와 첨부한 사진과 같이 잘 데이터를 받아오는 것 같은데요, 위에 에러 화면이 그대로 표시되어 어떻게 해결해야 하는지 방법을 모르겠습니다. 조금 구체적으로 어떻게 해결해야 하는지 단계별로 친절한 설명 부탁드립니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
181. [02-04] setState의 원리 질문
setIsActive(false) 콘솔에는 찍히는데 backgroundColor: yellow가 gray로는 바뀌고 none으로 하면 바뀌지 않는 이유가 무엇일까요?!
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
33. 강의 로그인 연동 중 에러
안녕하세요, 33. 강의 로그인 연동 중 에러가 발생하여 질문드립니다..! 코드 작성 이후 회원가입 시연을 시도하였는데, pgAdmin4에 데이터가 쌓이지 않고 터미널에 다음과 같은 에러가 발생하였습니다. iOS Bundled 788ms node_modules/expo-router/entry.js (1383 modules)λ Bundled 449ms node_modules/expo-router/node/render.js (1084 modules)Web node_modules/expo-router/entry.js ▓▓▓▓▓▓▓▓▓▓▓░░░░░ 69.8% (666/797)λ node_modules/expo-router/node/render.js ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 98.7% (1077/1084)Web Bundled 1009ms node_modules/expo-router/entry.js (797 modules)Web node_modules/expo-router/entry.js ░░░░░░░░░░░░░░░░ 0.0% (0/1)λ WARN "shadow*" style props are deprecated. Use "boxShadow". λ Bundled 24ms node_modules/expo-router/node/render.js (1 module)Web Bundled 191ms node_modules/expo-router/entry.js (1 module) 해당 문제 해결 방법을 알려주시면 정말 감사하겠습니다!
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
현재 [그랩마켓] React로 웹 개발하기 -2 듣고 있는데요, 1.그랩 선생님 소스 코드와 동일하게 아래 작성한 index.js 소스 첨부하는데요, 실행하면,1초 동안 잠깐 판매되는 상품들 이미지 없이 전체 페이지 뜨다 바로 아래 첨부한 그림과 같이 에러가 발생 합니다.이 에러는 어떻게 해결 할 수 있을까요?--------2. index.js 소스 아래에 작성 첨부 합니다. import './index.css'; import axios from "axios"; import React from 'react'; function MainPage(){ const [products, setProducts]=React.useState([]); React.useEffect( function(){ axios.get("이곳에는 제 mock 목 서버 주소를 넣었습니다/products") .then(function(result){ const products=result.data.products; setProducts(products); }).catch(function(error){ console.error("에러 발생:",error); }); },[]); return ( <div> <div id="header"> <div id="header-area"> <img src="../images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="../images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"> { products.map(function(product, index){ return ( <div className="product-card"> <div> <img className="product-img" src={product.imageUrl} /> </div> <div className="product-contents"> <span className="product-name">{product.name} </span> <span className="product-price">{product.price}원 </span> <span className="product-seller"> <img className="product-avatar" src="../images/icons/avatar.png" /> <span>{product.seller}</span> </span> </div> </div> ); }) } </div> </div> <div id="footer"></div> </div> ); } export default MainPage;질문 하기 전 , 인프런 질문 올라와서 답변 올라온 것 다 적용해 보아도 해결이 안되어 이렇게 여쭈어 보게되었습니다. 무엇이 문제인지, 그리고 해결 방법은 무엇인지 알려 주시면 고맙겠습니다.
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
KeyboardAwareScrollView가 android emulator에서 잘 동작하지 않습니다.
https://github.com/znehraks/react-native-basic/blob/main/app/post/%5Bid%5D.tsx이 코드인데, Android Emulator에서 KeyboardAwareScrollView가 정상동작하지 않습니다.import AuthRoute from '@/components/AuthRoute'; import FeedItem from '@/components/FeedItem'; import InputField from '@/components/InputField'; import { colors } from '@/constants'; import useGetPost from '@/hooks/queries/useGetPost'; import { useLocalSearchParams } from 'expo-router'; import { Pressable, SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native'; import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'; export default function PostDetailScreen() { const { id } = useLocalSearchParams(); const { data: post, isPending, isError } = useGetPost(Number(id)); if (isPending || isError) { return <></>; } return ( <AuthRoute> <SafeAreaView style={styles.container}> <KeyboardAwareScrollView contentContainerStyle={styles.awareScrollViewContainer}> <ScrollView contentContainerStyle={styles.scrollViewContainer}> <View style={{ marginTop: 12 }}> <FeedItem post={post} isDetail /> <Text style={styles.commentCount}>댓글 {post.commentCount}개</Text> </View> </ScrollView> <View style={styles.commentInputContainer}> <InputField rightChild={ <Pressable style={styles.inputButtonContainer}> <Text style={styles.inputButtonText}>등록</Text> </Pressable> } /> </View> </KeyboardAwareScrollView> </SafeAreaView> </AuthRoute> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: colors.WHITE, }, awareScrollViewContainer: { flex: 1, backgroundColor: colors.GRAY_200, }, scrollViewContainer: { backgroundColor: colors.GRAY_200, }, commentCount: { marginTop: 12, backgroundColor: colors.WHITE, paddingVertical: 12, paddingHorizontal: 16, fontSize: 16, fontWeight: 'bold', }, commentInputContainer: { width: '100%', borderTopColor: colors.GRAY_200, borderTopWidth: StyleSheet.hairlineWidth, backgroundColor: colors.WHITE, padding: 16, bottom: 0, position: 'absolute', }, inputButtonContainer: { backgroundColor: colors.ORANGE_600, padding: 8, borderRadius: 5, }, inputButtonText: { color: colors.WHITE, fontWeight: 'bold', }, });
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
graphql 관련 질문입니다
myGraphqlSetting 부분이 문자열로 인식돼서 요청할 때도 문자열로 들어가는 것 같은데 이 부분은 어떻게 수정해야 되나요?
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
29. 백엔드 수업 자료를 어디서 다운 받는 지 궁금합니다!
수업 시작과 동시에 수업 자료를 다운 받으라고 하는데, 해당 회차 강의에 수업 자료 링크가 없어서 여쭤봅니다 ㅠ