묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
EAS 빌드 완료 후 푸시 알림 테스트 실제 기기가 필요한가요?
안녕하세요 강사님 양질의 강의 재밌게 잘 수강중입니다! 푸시 알림 테스트 개발 단계까지 왔는데 IOS는 애플 개발자 멤버십에 가입을 해야해 과금이 부담되어 건너뛰었습니다.안드로이드 환경에서라도 테스트 해보고 싶어서 강의 따라가면서 빌드는 성공했습니다! 실제 안드로이드 기기는 가지고 있지 않아서 코드 에디터 상에서 npx expo start 명령어 후에 development build 모드인것도 확인하고 android 에뮬레이터에서 바로 앱이 실행이 되었습니다 이런 에러화면도 띄워지고 콘솔창에 실제 기기를 사용해 주세요 라는 에러가 잡혀서 실제 기기를 사용해야 하나 하고 깔끔히 포기하려 합니다실제 기기를 사용해야하는건지 또 다른 방법이 있는지 팁 부탁드려도 될까요? 강의에서는 에뮬레이터가 아닌 다른 걸 띄우신거 같은데 알려주시면 감사하겠습니다...!!❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.에러 잘라서 올리시면 안됩니다!(에러 일부만 자르거나 일부만 복사하지말아주세요)
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
윈도우 환경입니다.
import DescriptionInput from "@/components/DescriptionInput"; import TitleInput from "@/components/TitleInput"; import { FormProvider, useForm } from "react-hook-form"; import { StyleSheet } from "react-native"; import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view"; type FormValues = { title: string; description: string; }; export default function PostWriteScreen() { const postForm = useForm<FormValues>({ defaultValues: { title: "", description: "", }, }); return ( <FormProvider {...postForm}> <KeyboardAwareScrollView contentContainerStyle={styles.container}> <TitleInput /> <DescriptionInput /> <DescriptionInput /> <DescriptionInput /> <DescriptionInput /> <DescriptionInput /> <DescriptionInput /> <DescriptionInput /> </KeyboardAwareScrollView> </FormProvider> ); } const styles = StyleSheet.create({ container: { margin: 16, gap: 16 }, }); KeyboardAwareScrollView를 써도 여전히 키보드가 입력창을 가리는데 이유가 뭔지 잘 모르겠습니다.
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
화면의 오른쪽에 스마트폰 화면을 배치하는 방법이 궁금합니다.
강의 화면 처럼 기기를 오른쪽에 배치하려면 어떻게 해야 하나요
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
KeyboardAwareScrollView 가 작동이 안돼요
윈도우 환경입니다.KeyboardAwareScrollView 가 작동이 안되네요.absolute를 없애봐도 안되고..scrollView를 주석 처리하고 해봐도 안되네요
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
headershown 관련 질문
[2-2] 네비게이션 구조 설정 with Expo Router여기서 최상단 _layout.tsx뿐만 아니라 모든_layout.tsx 에 모두 headershown을 false로 하는 이유가 따로 있는지 궁금합니다!
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
54-55강 수정 내용 관련 질문
54강 강의 노트에서 수정 버전으로 작성 시 오히려 에러가 발생하여 질문드립니다! 수정 전에 오히려 문제가 없었는데, 수정 후 발생한 문제에 대해 어떻게 해결하면 좋을 지 답변주시면 정말 감사하겠습니다:)<에러 메시지>'context.previousPost'은(는) 'undefined'일 수 있습니다.ts(18048)
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
리액트 웹 경험 없이 수강해도 괜찮을까요?
안녕하세요, Kyo 선생님!좋은 강의 항상 감사히 듣고 있습니다.다름이 아니라 한 가지 궁금한 점이 있어 연락드립니다.저는 고등학생이고, 현재 동아리 프로젝트에 활용하기 위해 리액트 네이티브 강의를 수강하고자 합니다.그런데 강의 소개에서 리액트 웹 개발 경험자를 대상으로 한다고 하신 것을 보았습니다.저는 아직 리액트 웹 경험이 없는데, 모르는 컴포넌트나 개념은 따로 찾아보면서 공부하면 강의를 무리 없이 따라갈 수 있을까요?아니면 리액트 웹을 먼저 공부하고 수강하는 것이 더 좋을까요?선생님의 조언 부탁드립니다. 감사합니다!
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
로그인 요청시 에러
itialized +6ms📦 Loaded Entities: [ 'Image', 'Vote', 'Like', 'Post', 'Comment', 'User', 'UserVote', 'VoteOption'][Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] PostController {/posts}: +92ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts, GET} route +16ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/my, GET} route +15ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/user/:id, GET} route +8ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/search, GET} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/:id, GET} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts, POST} route +2ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/:id, PATCH} route +4ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/:id, DELETE} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/posts/:postId/vote/:voteOptionId, POST} route +4ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] AuthController {/auth}: +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/auth/signup, POST} route +2ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/auth/signin, POST} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/auth/me, GET} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/auth/me, PATCH} route +0ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/auth/:id, GET} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] ImageController {/images}: +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/images, POST} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] CommentController {/comments}: +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/comments, POST} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/comments/:id, DELETE} route +2ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] LikeController {/likes}: +0ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/likes, GET} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/likes/:postId, POST} route +6ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] NotificationController {/notification}: +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/notification, POST} route +1ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RoutesResolver] AvatarController {/avatar}: +2ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [RouterExplorer] Mapped {/avatar/:type, GET} route +8ms[Nest] 27196 - 2025. 07. 20. 오후 6:58:11 LOG [NestApplication] Nest application successfully started +22mshttp://localhost:3030[Nest] 27196 - 2025. 07. 20. 오후 6:58:18 ERROR [ExceptionsHandler] No metadata for "User" was found.EntityMetadataNotFoundError: No metadata for "User" was found. at DataSource.getMetadata (c:\community\server\server\node_modules\typeorm\data-source\src\data-source\DataSource.ts:450:30) at Repository.get metadata (c:\community\server\server\node_modules\typeorm\repository\src\repository\Repository.ts:53:40) at Repository.count (c:\community\server\server\node_modules\typeorm\repository\src\repository\Repository.ts:487:40) at AuthService.signup (c:\community\server\server\src\auth\auth.service.ts:38:50) at async c:\community\server\server\node_modules\@nestjs\core\router\router-execution-context.js:46:28 at async c:\community\server\server\node_modules\@nestjs\core\router\router-proxy.js:9:17 [Nest] 27196 - 2025. 07. 20. 오후 6:58:18 LOG [HTTP] [POST] /auth/signup (500) (okhttp/4.12.0)이렇게 오류가나는데 혹시나해서 백엔드 소스코드 자료에서 User도 등록이 되는지 로그찍어봤는데 되있더라구여회원가입 버튼을 누를때 이 에러가 뜨더라구여..
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
안드로이드 기준으로 원래 키보드가 터치로 안뜨나요??
인풋 컴포넌트를 누르면 email 까진 그래도 키보드 띄울수있게 바가 떠서 show on screen keyboard 누르면 키보드가 뜨는데비밀번호는 왼쪽 바도 안떠서요
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
ios simulator 환경설정
brew install watchman 설치 후 가이드가 변경이 되었는지 Create a development build부분이 생겼는데 이부분도 미리 설치하면 되는걸까요?
-
해결됨아바타 커뮤니티앱 만들기 (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) 해당 문제 해결 방법을 알려주시면 정말 감사하겠습니다!
-
해결됨아바타 커뮤니티앱 만들기 (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', }, });
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
29. 백엔드 수업 자료를 어디서 다운 받는 지 궁금합니다!
수업 시작과 동시에 수업 자료를 다운 받으라고 하는데, 해당 회차 강의에 수업 자료 링크가 없어서 여쭤봅니다 ㅠ
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
윈도우에서 안드로이드 열었는데 '텍스트' 문구가 안보여요
https://github.com/minpppal/react-native-avartar에러는 안뜹니다.윈도우 환경입니다."react-native": "0.79.4",node : v22.16.0 화면에 아무것도 안떠요.웹으로 열면 잘뜹니다. (아래 사진은 웹)
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
스타일링 라이브러리
강사님 안녕하세요. 강의 잘 듣고 있습니다!강사님께서는 스타일링을 하실때 리액트 네이티브 기본 styleSheet를 사용 해서 개발하시는데,현재 강의에서 개발하는 토이프로젝트 규모의 앱이 아니라, 실제 서비스용 앱을 개발하실때에도 기본 styleSheet를 사용해서 개발하시는지 아니면 다른 외부 라이브러리를 사용해서 개발하시는지 궁금합니다!next.js 나 react 에서는 생산성이나 기능적인 부분때문에 다양한 라이브러리를 사용하는 경우가 많은데, 리액트 네이티브에서는 기본 스타일만으로 충분한지 조언들 듣고 싶습니다. 감사합니다!
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
아바타 이미지는 없는건가요?
아바타 hat이나 hand의 요소 이미지는 제공하지 않나요?
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
[서버 실행하기] 의존성 설치를 위한 npm install 시 취약점 발생
초기 설치 시 취약점 발생```npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.npm warn deprecated @humanwhocodes/config-array@0.11.14: Use @eslint/config-array insteadnpm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supportednpm warn deprecated @humanwhocodes/object-schema@2.0.3: Use @eslint/object-schema insteadnpm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supportednpm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supportednpm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supportednpm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supportednpm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supportednpm warn deprecated superagent@8.1.2: Please upgrade to v9.0.0+ as we have fixed a public vulnerability with formidable dependency. Note that v9.0.0+ requires Node.js v14.18.0+. See https://github.com/ladjs/superagent/pull/1800 for insight. This project is supported and maintained by the team at Forward Email @ https://forwardemail.netadded 795 packages, and audited 796 packages in 7s122 packages are looking for funding run npm fund for details18 vulnerabilities (4 low, 5 moderate, 9 high)To address issues that do not require attention, run: npm audit fixTo address all issues (including breaking changes), run: npm audit fix --forceRun npm audit for details.```이후 ```npm audit fix``` 실행 후 두 번째 취약점 발생```# npm audit reportmulter 1.4.4-lts.1 - 2.0.0Severity: highMulter vulnerable to Denial of Service via unhandled exception - https://github.com/advisories/GHSA-g5hg-p3ph-g8qgfix available via npm audit fix --forceWill install @nestjs/platform-express@8.2.3, which is a breaking changenode_modules/multer @nestjs/platform-express >=8.2.4 Depends on vulnerable versions of @nestjs/core Depends on vulnerable versions of multer node_modules/@nestjs/platform-express @nestjs/core >=9.0.0-next.1 Depends on vulnerable versions of @nestjs/platform-express node_modules/@nestjs/core @nestjs/serve-static 2.0.0-next.1 - 2.0.0 || >=3.0.0 Depends on vulnerable versions of @nestjs/core Depends on vulnerable versions of path-to-regexp node_modules/@nestjs/serve-static @nestjs/testing >=9.0.0-next.1 Depends on vulnerable versions of @nestjs/core Depends on vulnerable versions of @nestjs/platform-express node_modules/@nestjs/testingpath-to-regexp 0.2.0 - 1.8.0Severity: highpath-to-regexp outputs backtracking regular expressions - https://github.com/advisories/GHSA-9wv6-86v2-598jfix available via npm audit fix --forceWill install @nestjs/serve-static@5.0.3, which is a breaking changenode_modules/@nestjs/serve-static/node_modules/path-to-regexp6 high severity vulnerabilitiesTo address all issues (including breaking changes), run: npm audit fix --force```취약점 6개 발생 이후 안사라지길래 npm audit fix --force 진행해도 6개 그대로 나오는 현상 발생현재 node 23.7, npm 10.9.2 사용중인데 gpt한테 물어보니 nest js 버전 어쩌구 하던데 서버는 잘 몰라서 건들지를 못하겠네요. 어떻게 해야 할까요? ❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.에러 잘라서 올리시면 안됩니다!(에러 일부만 자르거나 일부만 복사하지말아주세요)