묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
앱 배포시 서버에 위치 저장 문제 질문
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.강의 해주실때 IOS 승인실 다음과 같이 적어야 승인이 이루어진다고 강의를 해주셨는데요 "위치 확인을 위해서 위치 접근 권한 동의가 필요합니다. 동의하면, 현재 위치의 장소를 등록하는데 사용됩니다. 설정에서 이를 변경할 수 있습니다. 위치는 서버에 전송되지 않습니다." 앱을 보다보면 등산앱 같은곳에서는 제가 다녔던 곳 등을 위치를 서버에 저장했다가 보여주곤 하던데이럴때는 서버에 사용자의 X,Y 좌표를 서버에 저장 해야될것 같은데 그러면 위의 저 문구를 어떻게 수정해서 적어야 IOS 앱 승인이 가능할까요?단순히 위치는 서버에 전송됩니다.. 할 수는 없을거 같아서 여쭤봅니다.
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
앱 실행 후 오류 질문드립니다.
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.윈도우, 안드로이드 환경에서 실행하였습니다. 홈화면은 잘 보이지만 profile이나 setting 버튼 클릭시 위의 오류화면이 나오게 됩니다. 서버 연결하는 부분까지도 잘 됐는데 어느 순간 이런 오류가 등장하였습니다. 어떻게 수정해야 할까요..?감사합니다!
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
React-native-webview가 0.77.0버전에서 작동이 되지 않습니다.(흰화면)
질문이 아닙니다.해당 현재"react-native": "^0.76.6","react-native-webview": "^13.13.2",에서 웹뷰로 카카오 로그인을 접속하려고 했으나.버그가 있어 렌더링 접속이 되지 않습니다.기존 제공해주신 깃허브 코드로 이어가려고 했으나 동일하네요. 원래는 0.77.0이었으나 해당 라이브러리 깃허브 이슈로 등록되어서 다들 동일하게 에러 뱉습니다.++++ 방법을 찾아보니 랩핑하면 안되고 있습니다. +++랩핑을 제거후에 진행하시기 바랍니다. // <ScrollView style={styles.container}> <WebView style={styles.webview} source={{uri: uri}} onMessage={handleOnMessage} /> // </ScrollView>
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
서버 오류(?)
npm run start:dev 했을 때 오류는 안 나는데 'refresh'해도 스키마에 Tables에 table이 안 떠요..그래도 일단 진행해 봤는데 수업 노트 보고 api/axios.ts도 수정한대로 했는데 ERROR [ExceptionsHandler] No metadata for "User" was found. 이 오류가 뜨는데 어떻게 해결할 수 있을까요..이 오류 때문에 회원가입,로그인 눌러도 아무 반응이 없는 것 같아요. 아래 질문에 '[3-8]회원가입/로그인 오류' 글에 저와 같은 오류가 나오신 분이 있었는데 댓글봐도 해결을 못하겠네요
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
react-native-reanimated가 Java 11에서 지원되지 않는 기능을 사용하고 있기 때문에 Java 17 이상으로 업데이트하고 Gradle 설정을 수정해야 합니다.
자바 11썻다가 버전이 안맞다고 해서 17버전으로 올렸고 react-native-reanimated 버전도 낮춰서 했는데 계속 자바 11에서 지원되지 않는 기능 사용한다고 오류 뜹니다 gradle도 8버전 쓰고 있고 혹시 몰라서 babel도 플러그인 해서 넣어봤는데도 안되는것같습니다 ㅠㅠ
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
[4-6]접근제한 스크린 관리하기+로그아웃 부분에서; 로그인 후, 내정보 스크린이 안뜨는데요,,,
챗지피티와; 강의 다시 보는데도; 해결이 안되어 문의드려요 ㅠㅠ
-
미해결[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
피그마에서 과제 및 싸이월드 과제를 못찾고 있어요
피그마로 들어갔는데 과제관련한 회원가입을 찾을 수가 없어요. 그리고 섹션을 살펴봤는데요 여긴 섹션3번인데 안보이네요.. 제가 못찾고 있는것 같은데요
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
백엔드 서버 실행하기에서 npm run start:dev입력후 에러가 떠요;
질문이 많아 죄송합니다 선생님 ㅠㅠ아래와 같이 오류메시지가 발생됩니다,,
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
백엔드 서버실행하기에서; 서버생성이 안됩니다;;
이런 붉은색 에러가 생기는데요,,,
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
공통 인풋 컴포넌트 구현하기에서 variant가 계속 빨간색 오류뜨는데요;
import React from 'react'; import { colors } from "@/constants"; import {StyleSheet, TextInput, View,Text, TextInputProps} from 'react-native'; interface InputFieldProps extends TextInputProps{ label?:string; variant?: "filled" | "standard" | "outlined"; } function InputField({label, variant = "filled", ...props }: InputFieldProps) { return ( <View> {label && <Text style={styles.label}>{label}</Text>} <View style={[styles.container, styles[variant]]}> <TextInput style={styles.input} {...props} /> </View> </View> ); } const styles = StyleSheet.create({ container:{ height:44, borderRadius:8, paddingHorizontal:10, justifyContent:"center", alignItems:"center", }, label:{ fontSize:12, color: colors.GRAY_700, marginBottom:5, }, filled:{ backgroundColor: colors.GRAY_100, }, standard: {}, outline: {}, input: { fontSize:16, padding: 0, flex:1, }, }); export default InputField; 도와주세요,,선생님 ㅠㅠ
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
공통버튼 컴포넌트구현하기에서,, srnfc가 안떠요;;
어떻게 해야할까요 ㅠㅠ
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
server 쪽에서 should be a number of seconds or string representing a timespan 에러가 발생합니다
Window, node 22 버전 사용중입니다. 4-5 로그인 연동하기에서 회원가입까진 연동이 되는데 로그인 api 요청시 500에러가 발생합니다. [Nest] 22548 - 2025. 02. 15. 오후 10:00:50 ERROR [ExceptionsHandler] "expiresIn" should be a number of seconds or string representing a timespan Error: "expiresIn" should be a number of seconds or string representing a timespan at D:\project\community\server\node_modules\jsonwebtoken\sign.js:56:15 at Array.forEach (<anonymous>) at validate (D:\project\community\server\node_modules\jsonwebtoken\sign.js:47:6) at validateOptions (D:\project\community\server\node_modules\jsonwebtoken\sign.js:62:10) at module.exports [as sign] (D:\project\community\server\node_modules\jsonwebtoken\sign.js:171:5) at D:\project\community\server\node_modules\@nestjs\jwt\dist\jwt.service.js:56:17 [Nest] 22548 - 2025. 02. 15. 오후 10:00:50 LOG [HTTP] [POST] /auth/signin (500) (okhttp/4.12.0) //axios.ts import axios from "axios"; import {Platform} from "react-native"; const baseUrls = { ios: 'http://localhost:3030', android: 'http://10.0.2.2:3030' } const axiosInstance = axios.create({ baseURL: baseUrls[Platform.OS] ?? 'http://localhost:3030' }); export default axiosInstance //auth.ts import {getSecureStore} from "@/utils/secureStore"; import axios from "@/api/axios"; import {Profile} from "@/types"; interface RequestUser { email: string; password: string } async function postSignup(body: RequestUser): Promise<void> { const {data} = await axios.post('/auth/signup', body); return data; } async function postLogin(body: RequestUser): Promise<{ accessToken: string }> { const {data} = await axios.post('/auth/signin', body); return data; } //useAuth.ts function useLogin() { return useMutation({ mutationFn: postLogin, onSuccess: async ({accessToken}) => { setHeader('Authorization', accessToken) await saveSecureStore('accessToken', accessToken); queryClient.fetchQuery({queryKey: ['auth', 'getMe']}); router.replace('/') }, onError: () => { }, }) }postLogin 에서 엔드포인트만 /auth/signup로 바꾸면 회원가입은 정상적으로 요청이 됩니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
숙제 5번인데
"use client"; import styles from "./styles.module.css"; import Image from "next/image"; const IMAGE_SRC = { profileImage: { src: ("/assets/profile_image.png"), alt: "프로필이미지", }, linkImage: { src: ("/assets/link.png"), alt: "링크아이콘", }, locationImage: { src: ("/assets/location.png"), alt: "위치아이콘", }, cheongsanImage: { src: ("/assets/cheongsan.png"), alt: "청산사진", }, neotubeImage: { src: ("/assets/neotube.png"), alt: "너튜브사진", }, badImage: { src: ("/assets/bad.png"), alt: "싫어요", }, goodImage: { src: ("/assets/good.png"), alt: "좋아요", }, hamberger: { src: ("/assets/hamberger.png"), alt: "목록아이콘", }, pencil: { src: ("/assets/pencil.png"), alt: "수정아이콘", }, } as const; export default function BoardsDetailPage() { return ( <div className={styles.detailLayout}> <div className={styles.detailBody}> <div className={styles.detailFrame}> <div className={styles.detailSubject}> 살어리 살어리랏다 쳥산(靑山)애 살어리랏다멀위랑 ᄃᆞ래랑 먹고 쳥산(靑山)애 살어리랏다얄리얄리 얄랑셩 얄라리 얄라 </div> <div className={styles.detailMetadataContainer}> <div className={styles.detailMetadataProfile}> <Image src={IMAGE_SRC.profileImage.src} alt={IMAGE_SRC.profileImage.alt} width={100} height={100} /> <div>홍길동</div> </div> <div className={styles.detailMetadataDate}>2024.11.11</div> </div> <div className={styles.enrollBorder}></div> <div className={styles.detailMetadataIconContainer}> <Image src={IMAGE_SRC.linkImage.src} alt={IMAGE_SRC.linkImage.alt} width={100} height={100} /> <Image src={IMAGE_SRC.locationImage.src} alt={IMAGE_SRC.locationImage.alt} width={100} height={100} /> </div> <div className={styles.detailContentContainer}> <Image src={IMAGE_SRC.cheongsanImage.src} alt={IMAGE_SRC.cheongsanImage.alt} className={styles.detailContentImage} width={100} height={100} /> <div className={styles.detailContentText}> <div>살겠노라 살겠노라. 청산에 살겠노라.</div> <div>머루랑 다래를 먹고 청산에 살겠노라.</div> <div>얄리얄리 얄랑셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div>우는구나 우는구나 새야. 자고 일어나 우는구나 새야.</div> <div>너보다 시름 많은 나도 자고 일어나 우노라.</div> <div>얄리얄리 얄라셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div> 갈던 밭(사래) 갈던 밭 보았느냐. 물 아래(근처) 갈던 밭 보았느냐 </div> <div>이끼 묻은 쟁기를 가지고 물 아래 갈던 밭 보았느냐.</div> <div>얄리얄리 얄라셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div>이럭저럭 하여 낮일랑 지내 왔건만</div> <div>올 이도 갈 이도 없는 밤일랑 또 어찌 할 것인가.</div> <div>얄리얄리 얄라셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div>어디다 던지는 돌인가 누구를 맞히려던 돌인가.</div> <div>미워할 이도 사랑할 이도 없이 맞아서 우노라.</div> <div>얄리얄리 얄라셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div>살겠노라 살겠노라. 바다에 살겠노라.</div> <div>나문재, 굴, 조개를 먹고 바다에 살겠노라.</div> <div>얄리얄리 얄라셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div>가다가 가다가 듣노라. 에정지(미상) 가다가 듣노라.</div> <div> 사슴(탈 쓴 광대)이 솟대에 올라서 해금을 켜는 것을 듣노라. </div> <div>얄리얄리 얄라셩 얄라리 얄라</div> <div className={styles.textGap}></div> <div>가다 보니 배불룩한 술독에 독한 술을 빚는구나.</div> <div> 조롱박꽃 모양 누룩이 매워 (나를) 붙잡으니 내 어찌 하리이까.[1] </div> <div>얄리얄리 얄라셩 얄라리 얄라</div> </div> <Image src={IMAGE_SRC.neotubeImage.src} alt={IMAGE_SRC.neotubeImage.alt} width={100} height={100} /> <div className={styles.detailContentGoodOrBad}> <div className={styles.detailGoodContainer}> <Image src={IMAGE_SRC.badImage.src} alt={IMAGE_SRC.badImage.alt} width={100} height={100} /> <div className={styles.detailBadText}>24</div> </div> <div className={styles.detailGoodContainer}> <Image src={IMAGE_SRC.goodImage.src} alt={IMAGE_SRC.goodImage.alt} width={100} height={100} /> <div className={styles.detailGoodText}>12</div> </div> </div> <div className={styles.detailButtonsContainer}> <button className={styles.detailButton}> <Image src={IMAGE_SRC.hamberger.src} alt={IMAGE_SRC.hamberger.alt} width={100} height={100} /> <div>목록으로</div> </button> <button className={styles.detailButton}> <Image src={IMAGE_SRC.pencil.src} alt={IMAGE_SRC.pencil.alt} width={100} height={100}/> <div>수정하기</div> </button> </div> </div> </div> </div> </div> ); } require 를 넣으면 왜 오류인지 require 어떤 기능인지 알 수 있을까요ㅕ?>
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
ruby 버전은 꼭 2.7.6을 설치해야 하나요?
ruby 2.7.6까지 설치하고 npx react-native@0.72.6 init MatjipApp --version 0.72.6 로 프로젝트 생성 중에 cocoapods 오류가 뜹니다ERROR: Error installing activesupport:There are no versions of activesupport (= 8.0.1) compatible with your Ruby & RubyGemsactivesupport requires Ruby version >= 3.2.0. The current ruby version is 2.7.6.219.cocoapods 설치중 activesupport을 설치하게 되었는데요. activesupport가 ruby 3.2 이상 버전을 요구한다고 하더군요.. 이 경우에는 어떻게 해결해야 하나요? 루비 버전을 강의와 다르게 올려도 괜찮은가요? 결론은, ruby 버전을 3.2.0 이상으로 설치를 하고 진행하여도 강의 듣는데 문제가 없을지 궁금합니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
react에 반영이 되지 않습니다.
App.js, child.js 모두 강의 내용과 같이 작성 후 터미널에서 실행시켜 보았는데 리액트 초기화면만 표시되고 있습니다. 캐시 삭제, vscode 재시작 등을 시켜보았으나 변함이 없습니다. 왼쪽 화면이 App.js 코드 내용대로 바뀌지 않는 이유가 무엇일까요?
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
sdk버전, kotlin 컴파일 오류인것같아요
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. System: OS: Windows 11 10.0.22631 CPU: (8) x64 12th Gen Intel(R) Core(TM) i3-12100F Memory: 4.03 GB / 15.86 GBBinaries: Node: version: 22.13.1 path: C:\Program Files\nodejs\node.EXE Yarn: version: 1.22.21 path: ~\AppData\Roaming\npm\yarn.CMD npm: version: 11.1.0 path: C:\Program Files\nodejs\npm.CMD Watchman: Not FoundSDKs: Android SDK: Not Found Windows SDK: Not FoundIDEs: Android Studio: AI-242.23726.103.2422.12816248 Visual Studio: - 17.4.33213.308 (Visual Studio Community 2022)Languages: Java: 17.0.14 Ruby: Not FoundnpmPackages: "@react-native-community/cli": Not Found react: installed: 18.2.0 wanted: 18.2.0 react-native: installed: 0.72.6 wanted: 0.72.6 react-native-windows: Not FoundnpmGlobalPackages: "*react-native*": Not FoundAndroid: hermesEnabled: true newArchEnabled: falseiOS: hermesEnabled: Not found newArchEnabled: Not found npx react-native run-android돌리니깐MainActivity.java is not on the classpath of project app, only syntax errors are reported에러 뜨는데 sdk버전, kotlin 컴파일 오류 문제인것같은데 어떻게 해야하나요
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
mainactivity, mainapplication의 확장자가 java가 아닌 kotlin으로 되어있습니다
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다프로젝트 생성했는데 mainactivity, mainapplication의 확장자가 java가 아닌 kotlin으로 되어있습니다 자바로 변경할려면 어떻게 해야하나요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
여행 숙박 사이트 부분 질문있습니다.
안녕하세요 강의를 듣다가 여행 숙박 사이트 부분의 강의를 보고 싶은데 이 부분은 어디서부터 보면 되나요?
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
react-native-gesture-handler 설치 오류
동영상 강의대로 진행하다가 index.js에 import 'react-native-gesture-handler'; 를 입력하고 저장하자마자 아래 오류가 떴습니다..어떻게 해야하나요 ㅠㅠ 이 강의에서 너무 많은 오류가 떠서 진행이 며칠 째 안되서 너무 힘들어요.2번째 오류> Task :react-native-safe-area-context:compileDebugKotlin FAILED 'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.
-
해결됨[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
num 타입관련해서 문의드립니다
const TypedNumber = (num : any) => { setNumber((prev) => { if (prev === "0") return num; return prev+ num; }); }; num 타입으로 인해 오류가 나서 any로 지정을 해야만 하는데요.. 강사님 코드에는 any 타입을 지정안해 오류가 아나는데 차이가 뭔가요?