묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
쿼리 파라미터
강사님, 일반적으로 앱 개발에서는 쿼리 파라미터보다는 패스 파라미터를 사용하는 게 좋다고 말씀해주셨는데요.그런데 페이지네이션(Pagination) 구현할 때는 대부분 ?page=1&limit=10 같은 쿼리 파라미터를 사용하는 경우가 많더라고요.혹시 페이지네이션에서는 쿼리 파라미터를 사용하는 특별한 이유가 있는지 여쭤봐도 될까요?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
화면 안보임
코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM 2장 섹션 기본 ui 학습 : 목소리는 나오나 화면이 아무것도 안보임 - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
33 강 부터 코드 적용 시 TabBar가 안보임
코드 수정된 부분 붙여넣기하면서 재학습 중인데, 33강 부터 갑자기 TabBar가 사라지네요 RootLayout에서 Stack부분은 문제가 없는 것 같은데 왜그럴까요 ?https://github.com/lukasdeveloperacc/Study/commit/bbca33bdf8ad62b7240a9ed1d1eb39600965e839제 커밋 코드입니다
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
PaginationListView
안녕하세요 강사님, 질문이 하나 있습니다!RestaurantScreen에서는 PaginationListView를 사용해서 무한 스크롤을 깔끔하게 구현했는데,RestaurantDetailScreen에서는 별도의 리스트(메뉴, 리뷰 등)를 여러 개 렌더링해야 하다 보니 PaginationListView를 사용하지 않았습니다.이 경우처럼 CustomScrollView 안에서 여러 Sliver를 조합하는 화면에서는PaginationListView를 쓰는 것이 구조적으로 어려운 상황이 맞을까요?혹시 이런 복합적인 UI에서도 PaginationListView를 응용할 수 있는 방법이 있을지 궁금합니다.예를 들어, SliverList 일부만 무한 스크롤로 처리하거나, 커스터마이징해서 적용하는 사례가 있는지도 알고 싶습니다!감사합니다
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
koreanjson 관련 사이트가 접속이 안되요
koreanjson.com 접속이 계속 안되서 대체 사이트가 있을까요?
-
해결됨React Native with Expo: 제로초에게 제대로 배우기
react-native의 SafeAreaView를 쓴 이유?
안녕하세요! react-native의 SafeAreaView 는 기본적으로 안드로이드 지원이 안되고 유연하지 않아 react-native-safe-area-context의 SafeAreaView를 사용하는게 권장된다고 하더라구요. react-native의 SafeAreaView를 쓰신 이유가 궁금해요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
expo go 안에 threads-clone이 나타나지 않습니다
npm ls react npm ls react-nativenpm ls expo버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. npm run android 했을때› Using development build› Press s │ switch to Expo Go› 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 1357ms node_modules\expo-router\entry.js (1280 modules)다음과 같이 development build로 실행됩니다 그래서인지 expo go 안에도threads-clone이 나타나질않네요그래서 s 키를 눌러서이렇게 바꾼 후에도 나타나지 않습니다
-
미해결React Native with Expo: 제로초에게 제대로 배우기
이미지가 바뀌는 현상
<FlashList data={data} className="mt-5" estimatedItemSize={610} showsVerticalScrollIndicator={false} initialScrollIndex={targetIndex} renderItem={({ item }) => <DiaryItem item={item} />} onEndReached={onEndReached} onEndReachedThreshold={1} ListFooterComponent={() => hasNextPage && <InfiniteScrollFooter />} />안녕하세요 제로초님 개발중인 앱에서 FlashList로 이미지가 포함된 일기 리스트를 렌더링하는데, 스크롤을 하다가 멈추면 스크롤 하기전 이미지가 잠시동안 보이다가 알맞은 이미지로 바뀌는 현상이 있습니다. 현재 일기를 생성할때 갤러리에 있는 사진은 사용하지 못하고 카메라로 바로 촬영해서 업로드하는 형태입니다. 이런 현상은 어떻게 해결하면 좋을지 조언 주시면 감사하겠습니다!
-
미해결React Native with Expo: 제로초에게 제대로 배우기
expo location foreground, background
만약 배달앱을 만든다고하면,앱을 켤 때, foreground, background 모두 권한을 받아두는 식으로 개발하나요 ?
-
해결됨React Native with Expo: 제로초에게 제대로 배우기
npm run android 시 build app 우선 실행
저는 npm run android 하면 빌드앱이 우선으로 실행되고, expo go 로 계속 switch 해야하는데요 혹시 expo go 로 디폴트로 시작하게는 못하나요 ?
-
해결됨React Native with Expo: 제로초에게 제대로 배우기
eas update 시 build에서 채널이 안보임
✘ chaejinjeong😝 ~/Desktop/lukas/Study/reactnative/zerocho/threads ↱ main ± eas update --channel development --message "fix: apiUrl"[expo-cli] env: load .env[expo-cli] env: export KAKAO_NATIVE_KEY[expo-cli] Starting Metro Bundler[expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1879/1883)[expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886)[expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884)[expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886)[expo-cli] Android Bundled 8190ms index.ts (1886 modules)[expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884)[expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886)[expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884)[expo-cli] iOS Bundled 12572ms index.ts (1884 modules)[expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884)[expo-cli] Creating asset map[expo-cli] [expo-cli] › Assets (54):[expo-cli] assets/images/avatar.png (17.5 kB)[expo-cli] assets/images/react-logo.png (3 variations | 13.9 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/AntDesign.ttf (70.3 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Entypo.ttf (66.2 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/EvilIcons.ttf (13.5 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Feather.ttf (56.2 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf (166 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf (134 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf (33.7 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf (203 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Brands.ttf (209 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Regular.ttf (68 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Solid.ttf (424 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Fontisto.ttf (314 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Foundation.ttf (57 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Ionicons.ttf (443 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf (1.15 MB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialIcons.ttf (357 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Octicons.ttf (49.4 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/SimpleLineIcons.ttf (54.1 kB)[expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Zocial.ttf (25.8 kB)[expo-cli] node_modules/@react-navigation/elements/lib/module/assets/back-icon-mask.png (653 B)[expo-cli] node_modules/@react-navigation/elements/lib/module/assets/back-icon.png (8 variations | 359 B)[expo-cli] node_modules/@react-navigation/elements/lib/module/assets/clear-icon.png (4 variations | 425 B)[expo-cli] node_modules/@react-navigation/elements/lib/module/assets/close-icon.png (4 variations | 235 B)[expo-cli] node_modules/@react-navigation/elements/lib/module/assets/search-icon.png (7 variations | 592 B)[expo-cli] node_modules/expo-router/assets/arrow_down.png (9.46 kB)[expo-cli] node_modules/expo-router/assets/error.png (469 B)[expo-cli] node_modules/expo-router/assets/file.png (138 B)[expo-cli] node_modules/expo-router/assets/forward.png (188 B)[expo-cli] node_modules/expo-router/assets/pkg.png (364 B)[expo-cli] node_modules/expo-router/assets/sitemap.png (465 B)[expo-cli] node_modules/expo-router/assets/unmatched.png (4.75 kB)[expo-cli] [expo-cli] › android bundles (2):[expo-cli] _expo/static/js/android/index-76e11ae11c34c3503a6dbd90ed0b7a03.hbc (5.82 MB)[expo-cli] _expo/static/js/android/index-76e11ae11c34c3503a6dbd90ed0b7a03.hbc.map (14.5 MB)[expo-cli] [expo-cli] › ios bundles (2):[expo-cli] _expo/static/js/ios/index-4cdfeb96d45c0edbe3d45931022e8005.hbc (5.82 MB)[expo-cli] _expo/static/js/ios/index-4cdfeb96d45c0edbe3d45931022e8005.hbc.map (14.5 MB)[expo-cli] [expo-cli] › Files (2):[expo-cli] assetmap.json (25.4 kB)[expo-cli] metadata.json (6.42 kB)[expo-cli] [expo-cli] Exported: dist✔ Exported bundle(s)✔ Uploaded assetmap.json ⠇ Uploading (0/56)(node:12056) [DEP0044] DeprecationWarning: The util.isArray API is deprecated. Please use Array.isArray() instead.(Use node --trace-deprecation ... to show where the warning was created)✔ Uploaded 2 app bundles✔ Uploading assets skipped - no new assets foundℹ 50 iOS assets, 50 Android assets (maximum: 2000 total per update). Learn more about asset limits✔ Computed project fingerprints✔ Published!Branch developmentRuntime version 1.0.0Platform android, iosUpdate group ID 36193c9d-e3cb-43b3-abb0-1b0a945b68afAndroid update ID 4c505558-7e8e-4837-89eb-67c40f4d84ceiOS update ID d1473ce0-3b64-4d6a-a907-c14cb46ac87bMessage fix: apiUrlCommit 53e7e483149d3a1c11158dc6d82e1d275d1817dd*EAS Dashboard https://expo.dev/accounts/lukasdiego/projects/threads/updates/36193c9d-e3cb-43b3-abb0-1b0a945b68afNo compatible builds found for the following fingerprints: iOS fingerprint: 0ccba201890a2a4b134bfc3a01a91979c8c32e83 URL : https://expo.dev/accounts/lukasdiego/projects/threads/fingerprints/0ccba201890a2a4b134bfc3a01a91979c8c32e83 Android fingerprint: 676271bcdf365731eeac1b2652140fffb81ea64f URL : https://expo.dev/accounts/lukasdiego/projects/threads/fingerprints/676271bcdf365731eeac1b2652140fffb81ea64f chaejinjeong😝 ~/Desktop/lukas/Study/reactnative/zerocho/threads ↱ main ± eas update 는 된 것 같은데 Builds에서는 안보이네요 업데이트가 잘 못 된걸까요 ?우선 commit들은 확인이 됩니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
orbit으로 install 후 npm run android에서 에러
Error: adb: failed to install /Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/app/build/outputs/apk/debug/app-debug.apk: Failure [INSTALL_FAILED_UPDATE_INCOMPATIBLE: Existing package com.lotto.threads signatures do not match newer version; ignoring!]현재 npm run android 시 이런 에러를 겪고 있습니다.. 혹시 어떤게 잘 못 된걸까요 ?앱을 삭제했습니다orbit으로 다시 instsall 했습니다
-
미해결React Native with Expo: 제로초에게 제대로 배우기
eas update:configure
eas configure 성공하려면app.config.js 가 아니라 app.json으로 있어야하나요 ?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
react expo 윈도우에서는 로컬 빌드 해서 apk 못 뽑나요??
윈도우에서 react expo로 앱을 만든 후 애뮬에 배포하는거말고 윈도우 하드디스크에 apk를 받고싶어서 npx eas build -p android --profile preview --local 이라고 명령어 실행하면 Unsupported platform, macOS or Linux is required to build apps for Android Error: build command failed. 이렇게 뜨는데 제가 잘못한게 있을까요? 아니면 맥북에서만 로컬 빌드가 가능한건가요?? eas 온라인 빌드는 한달 30회 제한도 있고 큐에 쌓이고 기다리는 시간이 너무 길어서 apk 추출해서 실기기에 넣고싶은데 윈도우에서는 방법이 없을까요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
nativeAppKey 인식 안되는 이유로 eas build 실패
✘ chaejinjeong😝 ~/Desktop/lukas/Study/reactnative/zerocho/threads ↱ main ± eas build --profile development --platform android ★ eas-cli@16.17.0 is now available. To upgrade, run: npm install -g eas-cli Proceeding with outdated version. Failed to read the app config from the project using "npx expo config" command: npx expo config --json exited with non-zero code: 1. Falling back to the version of "@expo/config" shipped with the EAS CLI. [@react-native-kakao/core] 'nativeAppKey' missing in expo config plugin value Error: build command failed.현재 강의 따라하다가 app.config.js 로 app.json이 바뀌어있는 상태인데 config.js 에서는 환경변수로 값이 인식이 안되나요 ? Expo 프로젝트에 환경변수는 등록이 되어있는 상태입니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
위 링크에서 modal.tsx 만 다음 코드로 바꾼 후 실습 진행하시면 됩니다.
https://github.com/ZeroCho/threads-clone/tree/9313da137d2520c8a336e9add8ec61a776bca4e4/app위 링크에서 modal.tsx 만 다음 코드로 바꾼 후 실습 진행하시면 됩니다.이렇게 되어 있을 때, 해당 링크에 있는 파일을 다운로드 할 수 있나요?아니면 해당 링크에 들어가서, 파일 하나하나 접근해서 파일 하나씩 다운로드를 하는건가요?죄송합니다. 무슨 말인지 모르겠어요.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
faker 라이브러리 설치 후 오류 발생
'c:/Users/swu/threads-clone/node_modules/@faker-js/faker/tsconfig.json' 구성 파일에서 입력을 찾을 수 없습니다. 지정된 '포함' 경로는 '["src/**/*"]'이고 '제외' 경로는 '["node_modules"]'이었습니다. 처음에 오류가 발생해서 npm uninstall @faker-js/faker 로 한 번 지웠다가 다시 npm i @faker-js/faker 로 설치했는데 이런 오류가 발생합니다 ㅜㅜ 지웠다가 설치해서 이런 오류가 발생하는 걸까요?
-
해결됨React Native with Expo: 제로초에게 제대로 배우기
카카오 로그인이 안됨
LOG key: Xo8WBi6jzSxKDVR4drqm84yr9iU= ERROR [Error: invalid android_key_hash or ios_bundle_id or web_site_url]key는 잘 받아오는데 로그인이 안됩니다.. const onKakaoLogin = async () => { try { console.log("key: ", await getKeyHashAndroid()); const result = await kakaoLogin(); console.log(result); const user = await me(); console.log(user); // TODO: save the token to server } catch (error) { console.error(error); } };현재 사용 중인 코드입니다.
-
해결됨React Native with Expo: 제로초에게 제대로 배우기
npm run android 시 에러
reactive kakao login docs를 보고 설치하고 강의따라 kakako core,user 설치했는데, 아래와같은 에러가 계속 발생합니다> Configure project :react-native-reanimated Android gradle plugin: 8.8.2 Gradle: 8.13 [Incubating] Problems report is available at: file:///Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/build/reports/problems/problems-report.html FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:processDebugResources'. > Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath'. > Could not find com.kakao.sdk:v2-common:2.20.1. Searched in the following locations: - file:/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/react-native/android/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://dl.google.com/dl/android/maven2/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://repo.maven.apache.org/maven2/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://www.jitpack.io/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://central.sonatype.com/repository/maven-snapshots/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom Required by: project :app > project :react-native-kakao_core > Could not find com.kakao.sdk:v2-user:2.20.1. Searched in the following locations: - file:/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/react-native/android/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://dl.google.com/dl/android/maven2/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://repo.maven.apache.org/maven2/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://www.jitpack.io/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://central.sonatype.com/repository/maven-snapshots/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom Required by: project :app > project :react-native-kakao_user * 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. Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. For more on this, please refer to https://docs.gradle.org/8.13/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation. BUILD FAILED in 6s 33 actionable tasks: 5 executed, 28 up-to-date Error: /Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a exited with non-zero code: 1 Error: /Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a exited with non-zero code: 1 at ChildProcess.completionListener (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/spawn-async/src/spawnAsync.ts:67:13) at Object.onceWrapper (node:events:622:26) at ChildProcess.emit (node:events:507:28) at maybeClose (node:internal/child_process:1101:16) at Process.ChildProcess._handle.onexit (node:internal/child_process:305:5) ... at spawnAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/spawn-async/src/spawnAsync.ts:28:21) at spawnGradleAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/cli/src/start/platforms/android/gradle.ts:134:28) at assembleAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/cli/src/start/platforms/android/gradle.ts:83:16) at runAndroidAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/cli/src/run/android/runAndroidAsync.ts:62:24)node_modules 모두 삭제하고 설치해도 똑같습니다npx expo install --fix 로도 호환이 안맞춰지는 것 같습니다.패키지는 설치되어있는 것 확인했습니다.제 진행중인 코드입니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
17강 질문
강의 17 부터는 서버와 데이터베이스가 따로 필요한걸까요?서버를 따로 구축해야 되는지, 데이터베이스를 추가로 설치해야 되는건지 궁금합니다