공익을 위해 첨부합니다... Windows의 경우 Mac과 다른 방식으로 경로가 설정되는 탓인지 상품 업로드 후 홈화면에서 상품이미지가 엑박으로 보이는 오류가 발생합니다. 그동안 질문&답변 게시판에 올라온 모든 질문 및 답변을 참고해 해결을 해보고자 하였는데요, 그 어느 답변을 참고해도 해결이 되지 않아 눈물을 머금고 10분짜리 강의에 몇시간동안 매달려있었습니다. 그렇게 알게된 방법은... 저의 경우(1) 상품 업로드 화면에서 사진을 첨부한 후 개발자 도구의 Network에서 첨부한 사진의 링크를 보면 http://localhost:8080/upload/(상품이름).jpg이런 식으로 뜹니다.(2) 업로드 버튼을 누른 후 홈 화면으로 이동(3) 개발자 도구의 Network에서 새롭게 업로드된 사진의 링크를 보면 http://localhost:3000/upload/(상품이름).jpg 이런 식으로 뜹니다. 이를 해결하기 위해, grab-market-web 폴더 (사용자에 따라 폴더 이름은 다를 수 있음) → src → main → index.js에서 product-card 의 product-img 부분을 확인합니다.<div> <img className="product-img" src={`${API_URL}/${product.imageUrl}`} ></img> </div>src 링크를 다음과 같이 변경합니다. 그럼 상품 업로드 화면에서의 이미지와 홈화면에서의 이미지가 localhost:8080로 동일해지기 때문에 상품 사진이 정상적으로 보입니다. 물론 이렇게 코드를 수정하고 나면 기존에 저장해놨던 상품들의 이미지에 엑박이 뜹니다. (images/products/__ 이런 식으로 폴더 내 이미지와 연결해둔 링크들이 http://localhost:8080/images/products/__ 처럼 변경되니 엑박이 뜨는 것으로 추정됩니다.)어차피 이제 사진을 서버에 직접 업로드하는 방법으로 진행될 예정이니 그냥 기존의 상품들은 삭제하시면 될 것 같습니다. (DB Browser → 데이터 탐색 → 기존 상품 레코드 선택 → 현재 레코드 삭제하기 → 변경사항 저장하기 이용하면 삭제 가능합니다.) 저와 동일한 이유로 엑박 뜨는게 아니라면... 저도 모르겠습니다. 방법을 찾으시면 공유해주세요. 파이팅!  +)상품 상세페이지를 들어가면 다시 엑박이 뜹니다.<div id="image-box"> <img src={`${API_URL}/${product.imageUrl}`} /> {console.log(product.imageUrl)} </div>이때는 product 폴더의 index.js에 들어가여 image-box 부분을 다음과 같이 변경해주세요. 원리는 위와 동일합니다. 그러면 상세페이지에서도 정상적으로 작동합니다.   

안녕하세요?강의관련 환경 설정 중 막힌 부분이 있어서 질문드립니다. 현재 환경 설정은 rn75 폴더에서 시작하여openJDK 11안드로이드 13.0 티라미수 (api 33) 넥서스5 안드로이드 13.0 티라미수 (api 33) x86_44gradle 버전 7.2 위에 3번 환경설정까지 셋팅 후 npm run android를 실행하면 첨부드림과 같이 최신 gradle(8.x) 버전에서는 Java 17을 사용해야 한다고 하여 jdk 11버전을 공식 지원한다고 찾아본 7.x버전으로 낮추어 다시 명령어를 입력해보았지만 동일한 상황입니다.혹시 제가 누락한 부분이 있을지 궁금합니다...!

7.15 :: 상태 변수와 컴포넌트 언마운트 강의 부분에서 SIGN IN 과 SIGN UP 버튼으로 이동시(NOBRIDGE) LOG SignIn Mount (NOBRIDGE) LOG SignUp Mount (NOBRIDGE) LOG SignIn Mount로그에 이렇게만 표시가 되고있는 상태입니다.SignUp UnMount 가 되지 않는 상태인데 어떤부분에서 잘못됐는지 찾지를 못해서 질문드려봅니다. 감사합니다! 깃주소입니다.https://github.com/dvrakry/rn-photo 

❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 제대로 체크되었는지 봐주실 수 있나요? Android 15.0 ("VanillaIceCream")은 처음부터 체크되어있었습니다! 

❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.Java Development Kit 설치부분 코드가 영상에 나온 부분과 제가 보고있는 부분의 코드가 달라 문의드립니다. 상관없는건가요 혹시?<영상>brew tap homebrew/cask-versionsbrew install --cask zulu11brew info --cask zulu11 <현재 링크 들어갔을때 보이는 부분>https://reactnative.dev/docs/set-up-your-environment?platform=android   

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

    안드로이드는 빈 하얀화면과 아이폰 빈 까만화면으로 나오는데 버전문제인지 도저히 모르겠어서 질문드립니다... 처음에 실행했을 때 로그에 "react-native-safe-area-context": "^4.12.0", "react-native-screens": "^4.4.0" 이 두 부분 버전때문에 제대로 실행이 안될수도 있다고 expected 되는 버전이 나와서저 두 부분을 npm uninstall 후 expected 버전으로 수정한후 실행한건데도 그대로빈화면이 출력됩니다.... 7.3 AuthStack 컴포넌트 만들기 부분에서 화면 출력(SignInScreen부분)이 안되는 상태입니다 실행시 vscode 로그화면› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)› Using Expo Go› Press s │ switch to development build› Press a │ open Android› Press w │ open web› Press j │ open debugger› Press r │ reload app› Press m │ toggle menu› shift+m │ more tools› Press o │ open project code in your editor› Press ? │ show all commandsLogs for your project will appear below. Press Ctrl+C to exit.Android Bundled 1325ms index.js (878 modules)(NOBRIDGE) LOG Bridgeless mode is enabledINFO💡 JavaScript logs will be removed from Metro in React Native 0.77! Please use React Native DevTools as your default tool. Tip: Type jin the terminal to open (requires Google Chrome or Microsoft Edge). 

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;

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

보니까 해당 강의 영상이 내려간게 1월 14일 같은데... 아직까지 소식이 없는건가요...?

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가 켜지긴 하는데 해당 에러 때문에 앱이 보이지 않고 있습니다. 왜그런걸까요?

수업과 같이 npm에 배포하고 제가 만든 ui를 다운받아 import하는 과정에서해당 이미지와 같이 node_modules에서 export가 나타납니다.1) lib파일과 index.ts파일을 myapp 폴더로 직접 import했을때는 정상적으로 작동하였습니다.2) 해당 수업에서 codecamp-ui가 npm 사이트에 아직 배포중이기에 그것도 시험삼아 다운받아서 import하였지만 똑같은 오류가 나타났습니다.3) node_modules 파일 삭제하고 다시 yarn install로 다운받았지만 같은 오류가 나타났습니다.그 전 수업까지는 동일하게 오류없이 진행했습니다. 무엇이 문제일까요?

안녕하세요 제로쵸님리액트 네이티브로 이번에 처음으로 앱을 개발해서 출시를 했습니다. 그런데 도저히 해결이 안되는 문제가 있어서 질문을 남깁니다!import * as Application from "expo-application"; export const getUserAppVersion = () => { return Application.nativeApplicationVersion ?? null; };안드로이드에서 앱버전을 가져오는 곳에서 에러가 생기고 있는데...개발 과정에선 expo go 앱의 버전이 뜸 (정상)프로덕션 배포 IOS의 경우 앱의 버전이 정상적으로 뜸 (정상)내부 앱공유로 배포한 안드로이드의 경우 앱의 버전이 정상적으로 뜸 (정상)프로덕션 배포 안드로이드의 경우 앱 버전이 안뜸 (문제) 참고로 버전은 아래와 같습니다."react-native": "0.76.7""expo": "~52.0.31" 혹시 이런 이슈의 원인이 짐작가시나요? ㅜㅜ 빌드까지 해서 테스팅 했을 때도 문제가 없었는데 프로덕션 배포 후에 정상적으로 작동을 안하니 어떻게 디버깅을 해야할지도 너무 난감하더군요... 

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

강의에서 모든 부분이 잘 따라왔습니다.다만.. 마지막 안드로이드 가상 에뮬레이터가 작업표시줄 창에는 뜨지만 직접적으로 확인하지 못하고 있습니다. 클릭해도 아무 반응이 없고, 작업 표시줄에 있는 프로그램에 마우스를 올려보면 이렇게만 뜨고 있습니다. adb 설치도 다시 해보았고, 에뮬레이터에서 앱이 실행 중인지도 adb shell pm list packages | grep 명령어로 확인해보았습니다. 제가 놓친 부분이 있는 걸까요?