.prettierrc를 적용했는데 저장하니 ;이 왜 안생길까요?

 안드로이드 버전 14해당 강의 자료를 받아서 실행해봤는데, 로그인 텍스트가 왼쪽으로 쏠려있고홈화면 버튼이 동작하지 않습니다. 왜이러는걸까요 ???

강의와 같이 구현한다면page.tsx 에서 데이터 fetchPostRecommends.tsx 에서 는 다시 데이터를 fetch 하지 않고 HydrationBoundary를 통해 넘어온 데이터를 사용이렇게 page.tsx 에서만 데이터가 fetch 되어야 맞는거지요 ?제가 구현한 소스코드에서는 getPostRecommends 쪽에 로그를 찍어서 확인해보니 page.tsx 에서도 한번 호출하고 PostRecommends.tsx 에서도 한번 호출해서 총 2번 로그가 찍히더라구요.이론대로라면 page.tsx 에서 1번 호출했을 때만 로그가 찍혀야 하는 것이 맞는거죠?아 강의는 " 클라이언트 react-query" 입니다.

eas와 notification 설정 후에는 로그인 시에 android emulator 상에서 코딩해주신 대로 '실제기기를 사용해주세요' 문구가 나옵니다.ios 는 개발자모드 설정을 구매해야 한다고 해서 기기는 안드로이드로 진행하려고 하는데 android 기기가 따로 없고emulator 로는 실행이 안되는 걸까요? expopushToken만 보내고 로그인이 되지는 않습니다.

❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.(일부만 자르거나 일부만 복사하지말아주세요.) 현재 3가지 문제가 있는데1. PC 로 url 클릭시 현재 로그인 까진 잘뜨는데 확인하고 계속하기를 누르면 사이트에 연결할수 없다고 뜹니다. 어떤걸 확인해야되는걸까요? 2. 안드로이드랑 ios 시뮬레이터에서 맨위에 로그인 화면 부터 하얀화면으로 뜨고 있는 상황입니다. 피씨로 url 클릭하면 저렇게 잘보이긴해요. rest 키 제대로 들어갔고 redirect url 에 추가 잘했는데 왜그런지 감이 안잡힙니다..3. 아이폰이나 안드로이드 폰에서 직접 테스트해보고 싶은데 어떻게 하면 되는지 알수 있을까요?

안녕하세요! 선생님글쓰기 누르고, 제목, 내용 밑에 카메라 모양 눌러서 사진을 추가하면사진이 매우 느리게 뜹니다...혹시 이건 왜 그런건가요??

❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.(일부만 자르거나 일부만 복사하지말아주세요.)  강사님 혹시 내위치 이동을 하면은 강사님은 서울특별시로 이동이 되는데, 코드 틀린거없고 깃허브 소스코드까지 다시 확인했는데 미국으로 이동하는 이유가뭔가요?윈도우 안드로이드 유저입니다

"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;

라우터가 이동하면 상태가 초기화 됐던걸로 아는데, setCurrent는 왜 계속 유지가 되나요? 쉘로우 라우팅도 아닌데,,, 제가 잘못알고있나요?

  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링크

VoteModal에서 모달이 열렸는지에 대한 상태값을 가져오기위해 useWatch를 사용하시면서 const [isVoteOpen] = useWatch({ control, name: ["isVoteOpen"] });로 작성하셨는데,  const isVoteOpen = useWatch({ control, name: "isVoteOpen" });와 동일한게 맞나요 ?watched하는 필드가 하나일때도 주로 배열 비구조화 할당 방식을 써서 하시는지 궁금합니다 !

❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.(일부만 자르거나 일부만 복사하지말아주세요.)  info Opening the app on iOS...info Found Xcode project "MatApp.xcodeproj"info Found booted iPhone 16 Proinfo Launching iPhone 16 Proinfo 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-0877EE044254User defaults from command line: IDEPackageSupportUseBuiltinSCM = YESPrepare packagesComputeTargetDependencyGraphnote: Building targets in dependency ordernote: Target dependency graph (1 target) Target 'MatApp' in project 'MatApp' (no dependencies)GatherProvisioningInputsCreateBuildDescriptionExecuteExternalTool /Applications/Xcode.app/Contents/Developer/usr/bin/ibtool --version --output-format xml1ExecuteExternalTool /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/nullExecuteExternalTool /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/nullExecuteExternalTool /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/nullExecuteExternalTool /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/nullExecuteExternalTool /Applications/Xcode.app/Contents/Developer/usr/bin/actool --print-asset-tag-combinations --output-format xml1 /Users/kimhaneui/MatApp/ios/MatApp/Images.xcassetsExecuteExternalTool /Applications/Xcode.app/Contents/Developer/usr/bin/actool --version --output-format xml1ExecuteExternalTool /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/ld -version_detailsBuild description signature: d36cd904d40a57305a0ca15973361710Build 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가 켜지긴 하는데 해당 에러 때문에 앱이 보이지 않고 있습니다. 왜그런걸까요?

brew tap homebrew/cask-versions사이트가 달라져서 직접 해당 명령어를 입력해서 작업했는데 오류가 뜨고 잇는 상황입니다 어떻게 해결해야되는지 이거 때문인지 안드로이드 앱이 동작을 안하고 있습니다.  

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"빈 배열 

❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.pgAdmin4에 저장된 유저 정보에 비밀번호를 보면 제가 임의로 입력한 비밀번호가 아닌 암호화?된 값이 저장되어있는데 이 부분은 올려주신 server 백엔드에서 진행된건가요? 프론트 부분에서는 없는것 같아서 여쭤봅니다. 프론트가 아닌 백엔드에서 암호화하는게 맞는것 같긴 한데, 혹시나 놓친 부분이 있는건가 싶어서 여쭙니다.

선생님 질문이 있습니다!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 문 만들어서 정의하는게 나을까요? 실무에서 이런 방식도 쓰일런지 궁금합니다! 

지도가 실행되지 않는 것은 물론이고,android:useCleartextTraffic="true" 설정 후 아래와 같은 에러가 발생합니다.shellCopyEdit* 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"를 제거하면 앱은 실행되지만, 꼭 설정해야 한다면 위와 같은 오류를 해결할 방법이 있을까요? 수정 방법에 대해 도움 부탁드립니다.

❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.윈도우에서 개발중이고 백엔드 서버 잘셋팅 되어 있습니다(로그인 부분은 잘 넘어갔습니다)다만 글 저장이 안되어서 도저히 봐도 모르겠어서 올려주신 소스 그대로 다운 받아 다시 설치 후 해봐도 저장이 되지 않습니다. 콘솔에 오류도 안뜨고 디버깅 이것저것 해봐도 도통 모르겠습니다 (소스 받아서 해도 안되서요 ㅠㅠ) 다만 axios.ts에서 안드로이드 저 주소가 되지 않아제 로컬 아이피 주소를 했더니 로그인 부분이 잘 넘어갔습니다. 이 주소는 그대로 해도 그냥 제 로컬 아이피 주소를 해도 어찌되었던 저장은 되지 않습니다. 여기서 진도가 나가지 않아 답답하네요 ㅠㅠexport const baseUrls = { android: "http://10.0.2.2:3030", ios: "http://localhost:3030", };

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, }, });

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