173만명의 커뮤니티!! 함께 토론해봐요.
미해결
아바타 커뮤니티앱 만들기 (React Native Expo)
eas와 notification 설정 후에는 로그인 시에 android emulator 상에서 코딩해주신 대로 '실제기기를 사용해주세요' 문구가 나옵니다. ios 는 개발자모드 설정을 구매해야 한다고 해서 기기는 안드로이드로 진행하려고 하는데 android 기기가 따로 없고 emulator 로는 실행이 안되는 걸까요? expopushToken만 보내고 로그인이 되지는 않습니다.
미해결
맛집 지도앱 만들기 (React Native & NestJS)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. ( 일부만 자르거나 일부만 복사하지말아주세요 .) 현재 3가지 문제가 있는데 1. PC 로 url 클릭시 현재 로그인 까진 잘뜨는데 확인하고 계속하기를 누르면 사이트에 연결할수 없다고 뜹니다. 어떤걸 확인해야되는걸까요? 2. 안드로이드랑 ios 시뮬레이터에서 맨위에 로그인 화면 부터 하얀화면으로 뜨고 있는 상황입니다. 피씨로 url 클릭하면 저렇게 잘보이긴해요. rest 키 제대로 들어갔고 redirect url 에 추가 잘했는데 왜그런지 감이 안잡힙니다.. 3. 아이폰이나 안드로이드 폰에서 직접 테스트해보고 싶은데 어떻게 하면 되는지 알수 있을까요?
미해결
아바타 커뮤니티앱 만들기 (React Native Expo)
안녕하세요! 선생님 글쓰기 누르고, 제목, 내용 밑에 카메라 모양 눌러서 사진을 추가하면 사진이 매우 느리게 뜹니다... 혹시 이건 왜 그런건가요??
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. ( 일부만 자르거나 일부만 복사하지말아주세요 .) 강사님 혹시 내위치 이동을 하면은 강사님은 서울특별시로 이동이 되는데, 코드 틀린거없고 깃허브 소스코드까지 다시 확인했는데 미국으로 이동하는 이유가뭔가요? 윈도우 안드로이드 유저입니다
미해결
맛집 지도앱 만들기 (React Native & NestJS)
"resource": "/c:/Porject/ReactNative/lottoApp/front/src/features/map/hooks/queries/useGetInfinitePosts.ts", "owner": "typescript", "code": "2322", "severity": 8, "message": "Type 'unique symbol | QueryFunction<ResponsePost[], readonly unknown[], number>' is not assignable to type 'QueryFunction<ResponsePost[], readonly unknown[], number> | undefined'.\n Type 'typeof skipToken' is not assignable to type 'QueryFunction<ResponsePost[], readonly unknown[], number>'.", "source": "ts", "startLineNumber": 22, "startColumn": 5, "endLineNumber": 22, "endColumn": 12, "relatedInformation": [ { "startLineNumber": 28, "startColumn": 5, "endLineNumber": 28, "endColumn": 12, "message": "The expected type comes from property 'queryFn' which is declared here on type 'UseSuspenseInfiniteQueryOptions<ResponsePost[], ResponseError, InfiniteData<ResponsePost[], number>, ResponsePost[], readonly unknown[], number>'", "resource": "/c:/Porject/ReactNative/lottoApp/front/node_modules/@tanstack/react-query/build/modern/types.d.ts" } ] }] 라는 오류인데 queryfn이랑 skiptoken이랑 겹친다는 식으로 이야길하는것같은데 영상에서는 딱히 오류가없어서요.. import {queryKeys} from '@/app/config'; import {getFavoritePost, ResponsePost} from '@/shared/api'; import {ResponseError} from '@/shared/types/common'; import { InfiniteData, QueryKey, UseInfiniteQueryOptions, useSuspenseInfiniteQuery, } from '@tanstack/react-query'; const useGetInfiniteFavoritePosts = ( queryOptions?: UseInfiniteQueryOptions< ResponsePost[], ResponseError, InfiniteData<ResponsePost[], number>, ResponsePost[], QueryKey, number >, ) => { return useSuspenseInfiniteQuery({ queryFn: ({pageParam}) => getFavoritePost(pageParam), queryKey: [queryKeys.POST, queryKeys.FAVORITE, queryKeys.GET_FAVORITE_POST], initialPageParam: 1, getNextPageParam: (lastPage, allPages) => { const lastPost = lastPage[lastPage.length - 1]; return lastPost ? allPages.length + 1 : undefined; }, // select: data => data.pages, ...queryOptions, }); }; export default useGetInfiniteFavoritePosts;
미해결
Next + React Query로 SNS 서비스 만들기
라우터가 이동하면 상태가 초기화 됐던걸로 아는데, setCurrent는 왜 계속 유지가 되나요? 쉘로우 라우팅도 아닌데,,, 제가 잘못알고있나요?
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
onError: (err, variables, context) => { queryClient.setQueryData( [queryKeys.POST, queryKeys.GET_POST, context?.newPost.id], context?.previousPost, ) }, queryKey array index 2에 context 말고, context?.newPost.id 가 들어가야할 것 같아요 context 안에 newPost previousPost 객체가 들어있어서 다른 key 가 생성됩니다. REF 링크
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
VoteModal에서 모달이 열렸는지에 대한 상태값을 가져오기위해 useWatch를 사용하시면서 const [isVoteOpen] = useWatch({ control, name: ["isVoteOpen"] }); 로 작성하셨는데, const isVoteOpen = useWatch({ control, name: "isVoteOpen" }); 와 동일한게 맞나요 ? watched하는 필드가 하나일때도 주로 배열 비구조화 할당 방식을 써서 하시는지 궁금합니다 !
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. ( 일부만 자르거나 일부만 복사하지말아주세요 .) info Opening the app on iOS... info Found Xcode project "MatApp.xcodeproj" info Found booted iPhone 16 Pro info Launching iPhone 16 Pro info Building (using "xcodebuild -project MatApp.xcodeproj -configuration Debug -scheme MatApp -destination id=F4F5FF9B-9736-4D9D-BDBD-0877EE044254") 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 Command line invocation: /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -project MatApp.xcodeproj -configuration Debug -scheme MatApp -destination id=F4F5FF9B-9736-4D9D-BDBD-0877EE044254 User defaults from command line: IDEPackageSupportUseBuiltinSCM = YES Prepare packages ComputeTargetDependencyGraph note: Building targets in dependency order note: Target dependency graph (1 target) Target 'MatApp' in project 'MatApp' (no dependencies) GatherProvisioningInputs CreateBuildDescription ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/usr/bin/ibtool --version --output-format xml1 ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang -v -E -dM -arch arm64 -isysroot /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator18.2.sdk -x c -c /dev/null ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang -v -E -dM -isysroot /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator18.2.sdk -x c -c /dev/null ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang -v -E -dM -arch arm64 -isysroot /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator18.2.sdk -x objective-c++ -c /dev/null ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang -v -E -dM -arch arm64 -isysroot /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator18.2.sdk -x objective-c -c /dev/null ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/usr/bin/actool --print-asset-tag-combinations --output-format xml1 /Users/kimhaneui/MatApp/ios/MatApp/Images.xcassets ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/usr/bin/actool --version --output-format xml1 ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/ld -version_details Build description signature: d36cd904d40a57305a0ca15973361710 Build description path: /Users/kimhaneui/Library/Developer/Xcode/DerivedData/MatApp-amsjgjqwkyggrzfvexketjxzxmor/Build/Intermediates.noindex/XCBuildData/d36cd904d40a57305a0ca15973361710.xcbuilddata /Users/kimhaneui/MatApp/ios/MatApp.xcodeproj:1:1: error: Unable to open base configuration reference file '/Users/kimhaneui/MatApp/ios/Pods/Target Support Files/Pods-MatApp/Pods-MatApp.debug.xcconfig'. (in target 'MatApp' from project 'MatApp') warning: Unable to read contents of XCFileList '/Target Support Files/Pods-MatApp/Pods-MatApp-resources-Debug-output-files.xcfilelist' (in target 'MatApp' from project 'MatApp') warning: Unable to read contents of XCFileList '/Target Support Files/Pods-MatApp/Pods-MatApp-frameworks-Debug-output-files.xcfilelist' (in target 'MatApp' from project 'MatApp') warning: Run script build phase 'Bundle React Native code and images' will be run during every build because it does not specify any outputs. To address this issue, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatApp' from project 'MatApp') error: Unable to load contents of file list: '/Target Support Files/Pods-MatApp/Pods-MatApp-frameworks-Debug-input-files.xcfilelist' (in target 'MatApp' from project 'MatApp') error: Unable to load contents of file list: '/Target Support Files/Pods-MatApp/Pods-MatApp-frameworks-Debug-output-files.xcfilelist' (in target 'MatApp' from project 'MatApp') error: Unable to load contents of file list: '/Target Support Files/Pods-MatApp/Pods-MatApp-resources-Debug-input-files.xcfilelist' (in target 'MatApp' from project 'MatApp') warning: Run script build phase 'Start Packager' will be run during every build because it does not specify any outputs. To address this issue, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatApp' from project 'MatApp') warning: Run script build phase '[CP] Embed Pods Frameworks' will be run during every build because it does not specify any outputs. To address this issue, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatApp' from project 'MatApp') error: Unable to load contents of file list: '/Target Support Files/Pods-MatApp/Pods-MatApp-resources-Debug-output-files.xcfilelist' (in target 'MatApp' from project 'MatApp') warning: Run script build phase '[CP] Copy Pods Resources' will be run during every build because it does not specify any outputs. To address this issue, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatApp' from project 'MatApp') --- xcodebuild: WARNING: Using the first of multiple matching destinations: { platform:iOS Simulator, id:F4F5FF9B-9736-4D9D-BDBD-0877EE044254, OS:18.3.1, name:iPhone 16 Pro } { platform:iOS Simulator, id:F4F5FF9B-9736-4D9D-BDBD-0877EE044254, OS:18.3.1, name:iPhone 16 Pro } BUILD FAILED The following build commands failed: Building project MatApp with scheme MatApp and configuration Debug (1 failure) 가상의 ios가 켜지긴 하는데 해당 에러 때문에 앱이 보이지 않고 있습니다. 왜그런걸까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
brew tap homebrew/cask-versions 사이트가 달라져서 직접 해당 명령어를 입력해서 작업했는데 오류가 뜨고 잇는 상황입니다 어떻게 해결해야되는지 이거 때문인지 안드로이드 앱이 동작을 안하고 있습니다.
미해결
Next + React Query로 SNS 서비스 만들기
const res = await fetch( `${process.env.NEXT_PUBLIC_BASE_URL}/api/posts/recommends?cursor=${pageParam}`, { next: { tags: ["posts", "recommends"], }, //cache: "force-cache", } ); '/home'에서 포스팅 로딩 시 또는 새로고침 시에 데이터를 최초 조회하는 시점에서 cache: "force-cache"를 제거하면 포스팅이 노출되고 포함하면 포스팅이 안 나오는 현상이 있는데 어떤 이유인지 의심 가는 부분을 못 찾겠어서 질문 드립니다. cache: "force-cache" 주석처리 데이터 존재 cache: "force-cache" 빈 배열
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. pgAdmin4에 저장된 유저 정보에 비밀번호를 보면 제가 임의로 입력한 비밀번호가 아닌 암호화?된 값이 저장되어있는데 이 부분은 올려주신 server 백엔드에서 진행된건가요? 프론트 부분에서는 없는것 같아서 여쭤봅니다. 프론트가 아닌 백엔드에서 암호화하는게 맞는것 같긴 한데, 혹시나 놓친 부분이 있는건가 싶어서 여쭙니다.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
선생님 질문이 있습니다! const deviceHeight = Dimensions.get('screen').height; ... paddingVertical : deviceHeight > 700 ? 15 : 12; 이런식으로 스타일링 해주셨는데요, 궁금한게 디바이스는 무수히 많은 종류가 있고, 700뿐만 아니라 500, 700, 1000 등등 사이즈마다 다르게 대응해야 할 수도 있을 것 같은데, 상상만 해도 스타일링이 많이 지저분해질 것 같아서요. 혹시 deviceHeight의 수치에 따라 계산식을 만들어서 padding이 비율에 따라 확대/축소될 수 있도록 하는 것도 방법이 될까요? 아니면 웹에서 반응형 레이아웃 대응할 때 미리 사이즈 정의해놓는 것처럼 const deviceSizes = { xs: '575px', sm: '576px', md: '768px', lg: '992px', xl: '1200px', xxl: '1600px', }; 이런식으로 정해놓고 스타일링할 때 사이즈별로 case 문 만들어서 정의하는게 나을까요? 실무에서 이런 방식도 쓰일런지 궁금합니다!
미해결
맛집 지도앱 만들기 (React Native & NestJS)
지도가 실행되지 않는 것은 물론이고, android:useCleartextTraffic="true" 설정 후 아래와 같은 에러가 발생합니다. shell CopyEdit * What went wrong: Execution failed for task ':app:processDebugResources'. > A failure occurred while executing com.android.build.gradle.internal.res.LinkApplicationAndroidResourcesTask$TaskAction > Android resource linking failed ERROR: front\android\app\src\main\AndroidManifest.xml:5:5-31:19: AAPT: error: attribute android:useCleartextTraffic not found. 이 설정이 반드시 필요한가요? 우선 android:useCleartextTraffic="true" 를 제거하면 앱은 실행되지만, 꼭 설정해야 한다면 위와 같은 오류를 해결할 방법이 있을까요? 수정 방법에 대해 도움 부탁드립니다.
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 윈도우에서 개발중이고 백엔드 서버 잘셋팅 되어 있습니다(로그인 부분은 잘 넘어갔습니다) 다만 글 저장이 안되어서 도저히 봐도 모르겠어서 올려주신 소스 그대로 다운 받아 다시 설치 후 해봐도 저장이 되지 않습니다. 콘솔에 오류도 안뜨고 디버깅 이것저것 해봐도 도통 모르겠습니다 (소스 받아서 해도 안되서요 ㅠㅠ) 다만 axios.ts에서 안드로이드 저 주소가 되지 않아 제 로컬 아이피 주소를 했더니 로그인 부분이 잘 넘어갔습니다. 이 주소는 그대로 해도 그냥 제 로컬 아이피 주소를 해도 어찌되었던 저장은 되지 않습니다. 여기서 진도가 나가지 않아 답답하네요 ㅠㅠ export const baseUrls = { android: "http://10.0.2.2:3030", ios: "http://localhost:3030", };
미해결
아바타 커뮤니티앱 만들기 (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, }, });
미해결
맛집 지도앱 만들기 (React Native & NestJS)
npx react-native run android를 하면은 이러한 오류가 발생하면서 실행이 되지않습니다. 강의와 동일한 버전을 사용하였고, 윈도우 유저입니다. 이미지는 현재 package.json 버전과, 오류입니다.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
선생님 혹시 글작성하는 현 시점에서 cli방식말고 expo로 코딩을하여도 문제가 없나요? 아니면 강의를 따라가는데 어려움이 좀 많을까요? 또한 윈도우에서는 섹션2의 [1-5]에 ruby 설정을 안해도되는건가요?? 그리고, react-navigation은 강의와 동일한 6.x 버전을 사용하면되나요?
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
수정하기 누르면 한번에 바로 , 이전 제목과 내용이 바로 나오는게 아니고; 빈상태로 나오다가, 한번더 수정하기 눌러야 이전 제목과 내용이 나오더라구요;; 한번에 바로 나오게하는 방법은 없을까요?
미해결
Next + React Query로 SNS 서비스 만들기
혹시 useQuery에 작성하는 queryKey와 queryFn함수에 작상하는 next.tags의 queryKey는 무슨 상관관계가 있는 건가요 ? 둘의 값이 무조건 같아야 하는 줄 알았는데 useQuery엔 searchParams / queryFn함수엔 searchParams.q로 작성하셔서 여쭤봅니다. (next.tags엔 문자열만 가능한 점은 알고있습니다 ! )
