inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

[5-4]글 수정/삭제 기능 구현하기(2) - API연동 부분에서 수정하기 누르면 제목과 내용이 비어있는데요,,, 한번 더 수정하기 눌러야 이전 제목과, 내용이 나옵니다...

미해결

아바타 커뮤니티앱 만들기 (React Native Expo)

import CustomButton from "@/components/CustomButton"; import DescriptionInput from "@/components/DescriptionInput"; import TitleInput from "@/components/TitleInput"; import { ImageUri } from "@/types"; import { router, useLocalSearchParams, useNavigation } from "expo-router"; import { useEffect } from "react"; import { FormProvider, useForm } from "react-hook-form"; import { StyleSheet,View } from "react-native"; import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view"; import useGetPost from "@/hooks/queries/useGetPost"; import useUpdatePost from "@/hooks/queries/useUpdatePost"; type FormValues= { title:string; description: string; imageUris:ImageUri[]; }; export default function PostUpdateScreen () { const {id} = useLocalSearchParams(); const navigation = useNavigation(); const {data:post} = useGetPost(Number(id)); const updatePost = useUpdatePost(); const postForm = useForm<FormValues>({ defaultValues:{ title:post?.title, description:post?.description, imageUris:post?.imageUris, }, }); const onSubmit = (formValues: FormValues)=> { updatePost.mutate({ id: Number(id), body: formValues, },{ onSuccess:() => router.back(), } ); }; useEffect(()=>{ navigation.setOptions({ headerRight:() => ( <CustomButton label="저장" size="medium" variant="standard" onPress={postForm.handleSubmit(onSubmit)} /> ), }); },[]); return( <FormProvider {...postForm}> <KeyboardAwareScrollView contentContainerStyle={styles.container}> <TitleInput /> <DescriptionInput /> </KeyboardAwareScrollView> </FormProvider> ); } const styles = StyleSheet.create({ container:{ margin:16, gap:16, }, });

  • javascript
  • react
  • react-native
  • typescript
  • react-query
ksw 댓글 3 좋아요 0 조회수 298

오류에 대한 질문입니다.

미해결

맛집 지도앱 만들기 (React Native & NestJS)

npx react-native run android를 하면은 이러한 오류가 발생하면서 실행이 되지않습니다. 강의와 동일한 버전을 사용하였고, 윈도우 유저입니다. 이미지는 현재 package.json 버전과, 오류입니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 1 좋아요 0 조회수 94

질문있습니다

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

선생님 혹시 글작성하는 현 시점에서 cli방식말고 expo로 코딩을하여도 문제가 없나요? 아니면 강의를 따라가는데 어려움이 좀 많을까요? 또한 윈도우에서는 섹션2의 [1-5]에 ruby 설정을 안해도되는건가요?? 그리고, react-navigation은 강의와 동일한 6.x 버전을 사용하면되나요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 2 좋아요 0 조회수 118

[5-4]글 수정/삭제 기능 구현하기(2) - API연동 부분에서 수정하기 누르면 제목과 내용이 비어있는데요,,, 한번 더 수정하기 눌러야 이전 제목과, 내용이 나옵니다...

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

수정하기 누르면 한번에 바로 , 이전 제목과 내용이 바로 나오는게 아니고; 빈상태로 나오다가, 한번더 수정하기 눌러야 이전 제목과 내용이 나오더라구요;; 한번에 바로 나오게하는 방법은 없을까요?

  • javascript
  • react
  • react-native
  • typescript
  • react-query
ksw 댓글 2 좋아요 0 조회수 192

Emulator terminated with exit code -529697949

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 애뮬레이터가 계속 실행이 안되어서 log를 보았더니 제목과 같은 오류 코드와 함께 계속 실행되지 않습니다 info Opening the app on Android... info JS server already running. info Launching emulator... info Installing the app... > Task :gradle-plugin:compileKotlin UP-TO-DATE > Task :gradle-plugin:compileJava NO-SOURCE > Task :gradle-plugin:pluginDescriptors UP-TO-DATE > Task :gradle-plugin:processResources UP-TO-DATE > Task :gradle-plugin:classes UP-TO-DATE > Task :gradle-plugin:jar UP-TO-DATE > Task :gradle-plugin:inspectClassesForKotlinIC UP-TO-DATE > Task :app:buildCodegenCLI SKIPPED > Task :app:generateCodegenSchemaFromJavaScript SKIPPED > Task :app:generateCodegenArtifactsFromSchema SKIPPED > Task :app:generatePackageList > Task :app:preBuild > Task :app:preDebugBuild > Task :app:compileDebugAidl NO-SOURCE > Task :app:compileDebugRenderscript NO-SOURCE > Task :app:generateDebugBuildConfig UP-TO-DATE > Task :app:javaPreCompileDebug UP-TO-DATE > Task :app:checkDebugAarMetadata UP-TO-DATE > Task :app:generateDebugResValues UP-TO-DATE > Task :app:mapDebugSourceSetPaths UP-TO-DATE > Task :app:generateDebugResources UP-TO-DATE > Task :app:mergeDebugResources UP-TO-DATE > Task :app:createDebugCompatibleScreenManifests UP-TO-DATE > Task :app:extractDeepLinksDebug UP-TO-DATE > Task :app:processDebugMainManifest UP-TO-DATE > Task :app:processDebugManifest UP-TO-DATE > Task :app:processDebugManifestForPackage UP-TO-DATE > Task :app:processDebugResources UP-TO-DATE > Task :app:compileDebugJavaWithJavac UP-TO-DATE > Task :app:mergeDebugShaders UP-TO-DATE > Task :app:compileDebugShaders NO-SOURCE > Task :app:generateDebugAssets UP-TO-DATE > Task :app:mergeDebugAssets UP-TO-DATE > Task :app:compressDebugAssets UP-TO-DATE > Task :app:processDebugJavaRes NO-SOURCE > Task :app:mergeDebugJavaResource UP-TO-DATE > Task :app:checkDebugDuplicateClasses UP-TO-DATE > Task :app:desugarDebugFileDependencies UP-TO-DATE > Task :app:mergeExtDexDebug UP-TO-DATE > Task :app:mergeLibDexDebug UP-TO-DATE > Task :app:dexBuilderDebug UP-TO-DATE > Task :app:mergeProjectDexDebug UP-TO-DATE > Task :app:mergeDebugJniLibFolders UP-TO-DATE > Task :app:mergeDebugNativeLibs UP-TO-DATE > Task :app:stripDebugDebugSymbols UP-TO-DATE > Task :app:validateSigningDebug UP-TO-DATE > Task :app:writeDebugAppMetadata UP-TO-DATE > Task :app:writeDebugSigningConfigVersions UP-TO-DATE > Task :app:packageDebug UP-TO-DATE > Task :app:createDebugApkListingFileRedirect UP-TO-DATE > Task :app:installDebug FAILED 38 actionable tasks: 2 executed, 36 up-to-date info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:installDebug'. > com.android .builder.testing.api.DeviceException: No connected devices! * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 11s info Run CLI with --verbose flag for more details.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
dkuturing2023 댓글 3 좋아요 0 조회수 424

npm start 오류

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. info Opening the app on Android... info JS server already running. info Launching emulator... info Installing the app... > Task :gradle-plugin:compileKotlin UP-TO-DATE > Task :gradle-plugin:compileJava NO-SOURCE > Task :gradle-plugin:pluginDescriptors UP-TO-DATE > Task :gradle-plugin:processResources UP-TO-DATE > Task :gradle-plugin:classes UP-TO-DATE > Task :gradle-plugin:jar UP-TO-DATE > Task :gradle-plugin:inspectClassesForKotlinIC UP-TO-DATE Errors during XML parse: Additionally, the fallback loader failed to parse the XML. Checking the license for package Android SDK Build-Tools 30.0.3 in C:\AndroidStudios\licenses License for package Android SDK Build-Tools 30.0.3 accepted. Preparing "Install Android SDK Build-Tools 30.0.3 (revision: 30.0.3)". "Install Android SDK Build-Tools 30.0.3 (revision: 30.0.3)" ready. Installing Android SDK Build-Tools 30.0.3 in C:\AndroidStudios\build-tools\30.0.3 "Install Android SDK Build-Tools 30.0.3 (revision: 30.0.3)" complete. "Install Android SDK Build-Tools 30.0.3 (revision: 30.0.3)" finished. > Task :app:buildCodegenCLI SKIPPED > Task :app:generateCodegenSchemaFromJavaScript SKIPPED > Task :app:generateCodegenArtifactsFromSchema SKIPPED > Task :app:generatePackageList > Task :app:preBuild > Task :app:preDebugBuild > Task :app:compileDebugAidl NO-SOURCE > Task :app:compileDebugRenderscript NO-SOURCE > Task :app:generateDebugBuildConfig > Task :app:javaPreCompileDebug > Task :app:checkDebugAarMetadata > Task :app:generateDebugResValues > Task :app:mapDebugSourceSetPaths > Task :app:generateDebugResources > Task :app:createDebugCompatibleScreenManifests > Task :app:extractDeepLinksDebug > Task :app:processDebugMainManifest > Task :app:processDebugManifest > Task :app:mergeDebugShaders > Task :app:compileDebugShaders NO-SOURCE > Task :app:generateDebugAssets UP-TO-DATE > Task :app:mergeDebugResources > Task :app:mergeDebugAssets > Task :app:compressDebugAssets > Task :app:processDebugJavaRes NO-SOURCE > Task :app:checkDebugDuplicateClasses > Task :app:desugarDebugFileDependencies > Task :app:mergeDebugJavaResource > Task :app:processDebugManifestForPackage > Task :app:mergeDebugJniLibFolders > Task :app:mergeLibDexDebug > Task :app:validateSigningDebug > Task :app:writeDebugAppMetadata > Task :app:writeDebugSigningConfigVersions > Task :app:mergeExtDexDebug > Task :app:mergeDebugNativeLibs > Task :app:processDebugResources > Task :app:stripDebugDebugSymbols Unable to strip the following libraries, packaging them as they are: libc++_ shared.so , libcrypto.so , libevent-2.1.so , libevent_ core-2.1.so , libevent_ extra-2.1.so , libfabricjni.so , libfb.so , libfbjni.so , libflipper.so , libfolly_ runtime.so , libglog.so , libglog_ init.so , libhermes.so , libhermes_ executor.so , libimagepipeline.so , libjsi.so , libjsijniprofiler.so , libjsinspector.so , liblogger.so , libmapbufferjni.so , libnative-filters.so , libnative-imagetranscoder.so , libreact_codegen_ rncore.so , libreact_ config.so , libreact_ debug.so , libreact_nativemodule_ core.so , libreact_ newarchdefaults.so , libreact_render_ animations.so , libreact_render_ attributedstring.so , libreact_render_ componentregistry.so , libreact_render_ core.so , libreact_render_ debug.so , libreact_render_ element.so , libreact_render_ graphics.so , libreact_render_ imagemanager.so , libreact_render_ leakchecker.so , libreact_render_ mapbuffer.so , libreact_render_ mounting.so , libreact_render_ runtimescheduler.so , libreact_render_ scheduler.so , libreact_render_ telemetry.so , libreact_render_ templateprocessor.so , libreact_render_ textlayoutmanager.so , libreact_render_ uimanager.so , libreact_ utils.so , libreactnativeblob.so , libreactnativejni.so , libreactperfloggerjni.so , librrc_ image.so , librrc_ legacyviewmanagerinterop.so , librrc_ root.so , librrc_ scrollview.so , librrc_ text.so , librrc_ textinput.so , librrc_ unimplementedview.so , librrc_ view.so , libruntimeexecutor.so , libssl.so , libturbomodulejsijni.so , libyoga.so . > Task :app:compileDebugJavaWithJavac > Task :app:dexBuilderDebug > Task :app:mergeProjectDexDebug > Task :app:packageDebug > Task :app:createDebugApkListingFileRedirect > Task :app:installDebug FAILED 38 actionable tasks: 33 executed, 5 up-to-date info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor Warning: SDK processing. This version only understands SDK XML versions up to 3 but an SDK XML file of version 4 was encountered. This can happen if you use versions of Android Studio and the command-line tools that were released at different times. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:installDebug'. > com.android .builder.testing.api.DeviceException: No connected devices! * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 2m 12s info Run CLI with --verbose flag for more details. 프로젝트 폴더 위치를 한글 없는 곳으로 변경해도 이런 오류가 뜹니다

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 1 좋아요 0 조회수 203

npm start 오류

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. info Opening the app on Android... info JS server already running. info Launching emulator... info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor :ReactNative:Unexpected empty result of running '[node, C:\Users\?��?��?��\mapapp\node_modules\@react-native-community\cli\build\bin.js, config]' command. :ReactNative:Running '[node, C:\Users\?��?��?��\mapapp\node_modules\@react-native-community\cli\build\bin.js, config]' command failed. FAILURE: Build failed with an exception. * Where: Script 'C:\Users\���ּ�\mapapp\node_modules\@react-native-community\cli-platform-android\native_module s.gradle' line: 389 * What went wrong: A problem occurred evaluating script. > node:internal/modules/cjs/loader:1228 throw err; ^Error: Cannot find module 'C:\Users\�삤�쐶�꽦\mapapp\node_modules\@react-native-community\cli\build\bin.js' at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15) at Function._load (node:internal/modules/cjs/loader:1055:27) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:170:5) at node:internal/main/run_main_module:36:49 { code: 'MODULE_NOT_FOUND', requireStack: []}Node.js v22.14.0 * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 1s SDK는 사용자명이 한글로 설정되어있는 문제가 있어서 C드라이브에 폴더 생성해서 넣어두었습니다. 문제가 뭔지 모르겠습니다..

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 1 좋아요 0 조회수 226

PostgreSQL 서버 연결 후 테이블이 생성되지 않음

미해결

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요. 첨부한 사진처럼 서버는 정상적으로 연결되었지만, 테이블이 생성되지 않습니다. Refresh를 해보고 컴퓨터를 재부팅한 후 다시 실행해 보았지만 여전히 테이블이 생성되지 않습니다. 어떤 점을 확인해야 할지 조언 부탁드립니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
grace 댓글 2 좋아요 0 조회수 206

앱 배포시 서버에 위치 저장 문제 질문

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 강의 해주실때 IOS 승인실 다음과 같이 적어야 승인이 이루어진다고 강의를 해주셨는데요 "위치 확인을 위해서 위치 접근 권한 동의가 필요합니다. 동의하면, 현재 위치의 장소를 등록하는데 사용됩니다. 설정에서 이를 변경할 수 있습니다. 위치는 서버에 전송되지 않습니다." 앱을 보다보면 등산앱 같은곳에서는 제가 다녔던 곳 등을 위치를 서버에 저장했다가 보여주곤 하던데 이럴때는 서버에 사용자의 X,Y 좌표를 서버에 저장 해야될것 같은데 그러면 위의 저 문구를 어떻게 수정해서 적어야 IOS 앱 승인이 가능할까요? 단순히 위치는 서버에 전송됩니다.. 할 수는 없을거 같아서 여쭤봅니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
sevenfingersstudio 댓글 1 좋아요 0 조회수 92

앱 실행 후 오류 질문드립니다.

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 윈도우, 안드로이드 환경에서 실행하였습니다. 홈화면은 잘 보이지만 profile이나 setting 버튼 클릭시 위의 오류화면이 나오게 됩니다. 서버 연결하는 부분까지도 잘 됐는데 어느 순간 이런 오류가 등장하였습니다. 어떻게 수정해야 할까요..? 감사합니다!

  • javascript
  • react
  • react-native
  • typescript
  • react-query
host0806 댓글 2 좋아요 0 조회수 189

React-native-webview가 0.77.0버전에서 작동이 되지 않습니다.(흰화면)

미해결

맛집 지도앱 만들기 (React Native & NestJS)

질문이 아닙니다. 해당 현재 "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
  • typescript
  • nestjs
  • react-query
  • zustand
알랭들롱 댓글 1 좋아요 0 조회수 266

서버 오류(?)

미해결

맛집 지도앱 만들기 (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
  • typescript
  • nestjs
  • react-query
  • zustand
코딩맨 댓글 1 좋아요 0 조회수 137

react-native-reanimated가 Java 11에서 지원되지 않는 기능을 사용하고 있기 때문에 Java 17 이상으로 업데이트하고 Gradle 설정을 수정해야 합니다.

미해결

맛집 지도앱 만들기 (React Native & NestJS)

자바 11썻다가 버전이 안맞다고 해서 17버전으로 올렸고 react-native-reanimated 버전도 낮춰서 했는데 계속 자바 11에서 지원되지 않는 기능 사용한다고 오류 뜹니다 gradle도 8버전 쓰고 있고 혹시 몰라서 babel도 플러그인 해서 넣어봤는데도 안되는것같습니다 ㅠㅠ

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
msjw9022 댓글 1 좋아요 0 조회수 188

피그마에서 과제 및 싸이월드 과제를 못찾고 있어요

미해결

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

피그마로 들어갔는데 과제관련한 회원가입을 찾을 수가 없어요. 그리고 섹션을 살펴봤는데요 여긴 섹션3번인데 안보이네요.. 제가 못찾고 있는것 같은데요

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
audlovewns 댓글 3 좋아요 0 조회수 199

공통 인풋 컴포넌트 구현하기에서 variant가 계속 빨간색 오류뜨는데요;

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

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; 도와주세요,,선생님 ㅠㅠ

  • javascript
  • react
  • react-native
  • typescript
  • react-query
ksw 댓글 1 좋아요 0 조회수 152

server 쪽에서 should be a number of seconds or string representing a timespan 에러가 발생합니다

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

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로 바꾸면 회원가입은 정상적으로 요청이 됩니다.

  • javascript
  • react
  • react-native
  • typescript
  • react-query
ljy014 댓글 2 좋아요 0 조회수 132

인기 태그

인프런 TOP Writers

주간 인기글