묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
error 가 발생합니다
저는 콘솔 창에서 함수가 안 나오고 에러가 나오는데 어떤 부분이 문제인 건가요?
-
미해결배달앱 클론코딩 [with React Native]
메트로서버하고 에뮬레이터
안녕하세요 제로초님npm run android로 실행하면 앱은 켜지는데메트로서버하고 에뮬레이터가 연동이 안되어있습니다ios는 연동이 잘되는데 안드로이드만 안되어있습니다구글링해서 해본것은 adb devices하고 adb -s 디바이스명 reverse tcp:8081 tcp:8081까지 해봤습니다
-
미해결배달앱 클론코딩 [with React Native]
git에 올리려는데 git lfs로 해도 용량 초과 에러 뜹니다
안녕하세요 제로초님 제가 이 프로젝트를 git에 올리려니까 용량 초과한다고해서homebrew install git-lfs를 한뒤 해당 프로젝트에서git-lfs install을 하고 올려도 용량을 초과했다고 에러가 뜹니다 현재 구글링해서 찾아보면서 해보고있는데 안되고 있네요 ㅠㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
이미지가 안나옵니다
어디가 잘못 돼서 사진이 안 나오는 건지 모르겠습니다
-
미해결배달앱 클론코딩 [with React Native]
네이버맵 연동하기 강의중에
안녕하세요 제로초님ios 시뮬레이션에서는 오더 목록까지는 뜨는데 누르면이 두에러가 뜹니다 참고로 react 버전은 17버전입니다그리고 안드로이드 시뮬레이터에서는 아예 앱이 안켜지고아래 에러가 뜹니다EachOrder 코드에서 빨간줄은 없습니다npm run android 하면 이에러가 뜹니다> Configure project :app Reading env from: .env > Configure project :react-native-flipper WARNING:: The specified Android SDK Build Tools version (28.0.3) is ignored, as it is below the minimum supported version (30.0.2) for Android Gradle Plugin 4.2.2. Android SDK Build Tools 30.0.2 will be used. To suppress this warning, remove "buildToolsVersion '28.0.3'" from your build.gradle file, as each version of the Android Gradle Plugin now has a default version of the build tools. > Task :app:packageDebug FAILED 151 actionable tasks: 12 executed, 139 up-to-date Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:packageDebug'. > A failure occurred while executing com.android.build.gradle.tasks.PackageAndroidArtifact$IncrementalSplitterRunnable > Java heap space * 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 17s error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:packageDebug'. > A failure occurred while executing com.android.build.gradle.tasks.PackageAndroidArtifact$IncrementalSplitterRunnable > Java heap space * 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 17s at makeError (/Users/js/Delivery/node_modules/@react-native-community/cli-platform-android/node_modules/execa/index.js:174:9) at /Users/js/Delivery/node_modules/@react-native-community/cli-platform-android/node_modules/execa/index.js:278:16 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async runOnAllDevices (/Users/js/Delivery/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:109:5) at async Command.handleAction (/Users/js/Delivery/node_modules/@react-native-community/cli/build/index.js:192:9) info Run CLI with --verbose flag for more details.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
fiy.io로 진행할 때 APIURL설정에 관하여
fiy.io강의 진행 후vercel에 그맵마켓 웹 배포하기 강의 진행했는데화면에 데이터를 못받아 오고 있습니다.정말 죄송한데 원인을 잘 모르겠어요..어떤 부분을 어떻게 찾아봐야할까요.. fly.io에서 URL에 안들어가지는게 뭔가 이상한거같은데..안돌아가고 있다는 느낌이랄까요greb-market-server에서 fly deploy에러나는데 이거때문일까여?PS D:\VScode\grab-market-server> fly deploy==> Verifying app configValidating D:\VScode\grab-market-server\fly.tomlPlatform: machines✓ Configuration is valid--> Verified app config==> Building imageRemote builder fly-builder-blue-feather-4034 ready==> Creating build context--> Creating build context done==> Building image with Docker--> docker host: 20.10.12 linux x86_64[+] Building 23.1s (0/1)[+] Building 12.9s (12/14) => CACHED [internal] load remote build context 0.0s => CACHED copy /context / 0.0s => resolve image config for docker.io/docker/dockerfile:1 1.9s => CACHED docker-image://docker.io/docker/dockerfile:1@sha256:39b85bbfa7536a5feceb7372a0817649e 0.0s => [internal] load metadata for docker.io/library/node:16.17.1-slim 0.6s => [base 1/2] FROM docker.io/library/node:16.17.1-slim@sha256:1f6cbe8654b31c214225bddd12451b857 0.0s => CACHED [base 2/2] WORKDIR /app 0.0s => CACHED [build 1/6] RUN apt-get update -qq && apt-get install -y python pkg-config build- 0.0s => CACHED [build 2/6] COPY --link package.json package-lock.json ./ 0.0s => CACHED [build 3/6] RUN npm ci --include=dev 0.0s => CACHED [build 4/6] COPY --link . . 0.0s => ERROR [build 5/6] RUN npm run build 10.3s ------ > [build 5/6] RUN npm run build:#12 0.549#12 0.549 > grab-market-server@0.1.0 build#12 0.549 > react-scripts build#12 0.549#12 1.839 Creating an optimized production build...#12 10.22 Failed to compile.#12 10.22#12 10.22 ./src/App.js#12 10.22 Line 6: 'React' must be in scope when using JSX react/react-in-jsx-scope#12 10.22 Line 7: 'React' must be in scope when using JSX react/react-in-jsx-scope#12 10.22 Line 8: 'React' must be in scope when using JSX react/react-in-jsx-scope#12 10.22 Line 9: 'React' must be in scope when using JSX react/react-in-jsx-scope#12 10.22 Line 10: 'React' must be in scope when using JSX react/react-in-jsx-scope#12 10.22 Line 12: 'React' must be in scope when using JSX react/react-in-jsx-scope#12 10.22#12 10.22 Search for the keywords to learn more about each error.#12 10.22#12 10.22------Error: failed to fetch an image or build from source: error building: executor failed running [/bin/sh -c npm run build]: exit code: 1
-
미해결배달앱 클론코딩 [with React Native]
아이폰으로 회원가입
안녕하세요 제로초님 아이폰으로 회원가입 할려는데안드로이드는 잘되지만 아이폰만 안되서 질문 드립니다강의 교안 보고 Podfile에 pod 'react-native-config', :path => '../node_modules/react-native-config/react-native-config.podspec' 추가해보기 해봤는데 회원가입이 안되고 로그에 undefined가 계속 뜨네요require_relative '../node_modules/react-native/scripts/react_native_pods' require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' platform :ios, '11.0' pod 'react-native-config', :path => '../node_modules/react-native-config/react-native-config.podspec' target 'FoodDeliveryApp' do config = use_native_modules! use_react_native!( :path => config[:reactNativePath], # to enable hermes on iOS, change `false` to `true` and then install pods :hermes_enabled => false ) target 'FoodDeliveryAppTests' do inherit! :complete # Pods for testing end # Enables Flipper. # # Note that if you have use_frameworks! enabled, Flipper will not work and # you should disable the next line. use_flipper!() post_install do |installer| react_native_post_install(installer) __apply_Xcode_12_5_M1_post_install_workaround(installer) end end여기에 추가하는게 맞나요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
fly.io 로그인? 명령어 인식이 안돼요
현시점에서 명령어가 flyctl -> fly로 바뀐거같은데양쪽 명령어 둘다 안먹히네요. fiyio인스톨하고 vscode재기동해봤는데도 같아요+다른 명령어는 된거보면 환경변수문제는 아닌거같은데..아래와 같은 메세지가 뜨는데 잘 모르겠습니다.!PS D:\VScode\grab-market-server> fly auth loginfly : 'fly' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.위치 줄:1 문자:1+ fly auth login+ ~~~+ CategoryInfo : ObjectNotFound: (fly:String) [], CommandNotFoundException+ FullyQualifiedErrorId : CommandNotFoundException 로컬에서 파워셀열어 실행하면 넘어가는데..
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
18버전 업데이트 강의는 언제 업로드되나요?
리액트 16버전이라 강의 듣는데 헷갈립니다.... 최신 버전 이미지를 추가 해주시긴 하였으나, 기본 설명 자체가 16버전이라 혼란스럽고 불편합니다.당연히 최신 버전 강의인줄 알고 구매 하였는데, 이전 버전이 베이스로 된 강의면 제가 이 돈을 들여서 강의를 구매할 이유가 없다고 생각합니다.강의 업데이트 되는거 맞나요? 언제 업로드 되는건가요?
-
미해결핸즈온 리액트 네이티브
9.4 왜 DisplayName이 한글자밖에 안찍힐까요?
프로필 수정하는 부분에서DisplayName을 넣어서 바꿔보면 맨첫 한글자만 가져오게 되는데 setDisplayName이 말을 안듣는 것인지...뭐가 문제인건지 모르겠네요... 코드 확인한번만 해주시면 감사하겠습니다.import { StyleSheet, Text, View, Button, Pressable, TextInput, Keyboard, Alert } from 'react-native'; import PropTypes from 'prop-types'; import { useNavigation } from '@react-navigation/native'; import { useUserState } from '../contexts/UserContext'; import FastImage from '../components/FastImage'; import { MaterialCommunityIcons } from '@expo/vector-icons'; import { GRAY, WHITE } from '../colors'; import HeaderRight from './../components/HeaderRight'; import { useCallback, useEffect, useLayoutEffect, useState } from 'react'; import { updateUserInfo } from '../api/auth'; import SafeInputView from '../components/SafeInputView'; const UpdateProfileScreen = () => { const navigation = useNavigation(); const [user, setUser] = useUserState(); const [displayName, setDisplayName] = useState(user.displayName); const [disabled, setDisabled] = useState(true); const [isLoading, setIsLoading] = useState(false); const onSubmit = useCallback(async () => { Keyboard.dismiss(); if (!disabled) { setIsLoading(true); try { const userInfo = { displayName }; console.log(userInfo); await updateUserInfo(userInfo); setUser((prev) => ({ ...prev, ...userInfo })); // navigation.goBack(); setIsLoading(false); } catch (error) { Alert.alert('사용자 수정 실패', error.message); setIsLoading(false); } } }, [disabled, displayName, navigation, setUser]); useEffect(() => { setDisabled(!displayName || isLoading); console.log('current', displayName); }, [displayName, isLoading]); useLayoutEffect(() => { navigation.setOptions({ headerRight: () => <HeaderRight onPress={onSubmit} disabled={disabled} />, }); }, [navigation, disabled]); return ( <SafeInputView> <View style={styles.container}> <View> <View> <FastImage source={{ uri: user.photoURL }} style={styles.photo}></FastImage> <Pressable onPress={() => {}} style={styles.imageButton}> <MaterialCommunityIcons name="image" size={20} color={WHITE} /> </Pressable> </View> <TextInput value={displayName} onChangeText={(text) => setDisplayName(text.trim())} style={styles.input} placeholder="NickName" textAlign="center" maxLength={10} returnKeyType="done" autoCapitalize="none" autoCorrect={false} textContentType="none" /> </View> </View> </SafeInputView> ); };
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문있어요.
setting.jason이 그냥 비어있던데 강사님처럼 똑같이 타이핑 후 3줄을 적어야하나요? 아니면 3줄만 입력하면 되나요?강사님처럼 똑같이 입력해야한다면, 3줄 중 마지막 한줄이 중복되는데 어떻게 하나요?
-
해결됨핸즈온 리액트 네이티브
nanoid가 안먹는거 같네요
안녕하세요 nanoid 가 계속 문제를 일으킵니다.아무래도, import 'react-native-get-random-values';이랑 호환이안되는지, 첫번째 글까지는 작성이 되는데 두번째부터는 위와 같이 에러가 뜹니다.뭔가 버전이 안맞는건지 모르겠네요..
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
섹션1~12 중에 객체지향 개념이 쓰인 적이 있나요?
간단히라도 알려주시면 감사하겠습니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
http://localhost:8080/products적용 시 상품목안뜨는분들 참고하세요
.get("http://localhost:8080/products")로 바꾸고 새로고침하면 상품목록이 안 받아오는데이유가server.js에서 app.use(express.json()); app.use(cors());가 지워졌기 때문이네요.노션에 올라와 있는 코드에 조금 안 맞는 부분이 있어서 카피해서 쓸 경우 제대로 처리하지 못하는거같아요깃헙 소스보니까 아래와 같이 되어 있는걸 보고 알았네요app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { res.send({ products: [ ..... 결론 깃헙소스와 노션소스가 조금 달라서 전부카피하면 안된다는!깃헙소스가 맞고노션소스가 틀리므로 노션 수정하면 좋겠다는 생각!
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
조건설정 질문입니다
2번째 문제에서 else if의 조건에else if (1 =< product.length =< 4)혹은else if (product.length =< 4 && product.length > 0)는 왜 오류가 나는지 궁금합니다
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
main의 index.js export default가 Mainpage인데 app.js에서는
mainpagecomponent로 쓰던데uploadpage나 productpage는 component가 따로 안붙고 쓰던데 mainpage만 이렇게 써야되는 규칙인가요?
-
미해결처음 배우는 리액트 네이티브
안녕하세요. 스택네비게이션 문제 질문드립니다 ㅜ
얼마전에 선생님 답변 덕에 빌드는 잘 했지만 스택네비게이션 문제로 빌드 후 화면이 제대로 나오지 않아서 질문드립니다. 깃허브 주소는 https://github.com/KongGeon/jlog2 입니다.증상은 안드로이드에서 앱을 실행했을때 스플래시 화면에서 멈추는 현상입니다.App.js > Index.js > Auth.js > Signin.js 순서로 진행될때Auth.js의 스택네비게이션에서 문제가 발생하는 듯 합니다. 혹시 몰라서 옵션들도 어지간한것을은 주석처리하였는데도 스플래시에서 멈추네요 ㅜㅜApp.js의 Alert.alert("성공");은 성공적으로 나오지만 Auth.js의Alert.alert("auth");는 표시되지 않고 스플래시 화면에서 멈추는 증상이 나타납니다. Auth.js를 거치지 않고 App.js > Index.js > Signin.js index.js에서 바로 <Signin /> 를 불러오면 화면에 잘 나타납니다!
-
미해결
react native 퍼블리싱 기종별 동일한 비율
안녕하세요 안드로이드 기종별로 레이아웃 비율이 일정하지가 않아서요. height: 100 그냥 숫자값으로 했다가 react-native-responsive-dimensions라이브러리를 활용해서 디바이스 크기를 기준으로 값을 계산해도 기종마다 비율이 계속 다릅니다. 픽셀밀도가 달라서 그런거라는 원인은 찾은거 같은데,,,확신은 안서고있습니다. 기기마다 동일한 디자인이 되기 위해서 스타일을 어떻게 부여해야하나요??
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
히로쿠 말고 fix.io로 한 경우에는도메인주소를 어떻게 불러와야하나요?
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link적용하기 강의에서 useParams 쓰면 에러가 뜹니다.
좋은 강의 너무 감사드립니다. 강의 10:40 부분에 useParams 사용하는 부분에서:const params = useParams();console.log(params); 이거 입력한 후에 리프레쉬 한후 각자 아이템을 누르면, 밑에 화면이 뜹니다. 뭐가 잘못된 건지 잘 모르겠어요..