묻고 답해요

fly.io 로그인? 명령어 인식이 안돼요

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

현시점에서 명령어가 flyctl -> fly로 바뀐거같은데 양쪽 명령어 둘다 안먹히네요. fiyio인스톨하고 vscode재기동해봤는데도 같아요 +다른 명령어는 된거보면 환경변수문제는 아닌거같은데.. 아래와 같은 메세지가 뜨는데 잘 모르겠습니다.! PS D:\VScode\grab-market-server> fly auth login fly : 'fly' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한 지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + fly auth login + ~~~ + CategoryInfo : ObjectNotFound: (fly:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 로컬에서 파워셀열어 실행하면 넘어가는데..

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

18버전 업데이트 강의는 언제 업로드되나요?

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

리액트 16버전이라 강의 듣는데 헷갈립니다.... 최신 버전 이미지를 추가 해주시긴 하였으나, 기본 설명 자체가 16버전이라 혼란스럽고 불편합니다. 당연히 최신 버전 강의인줄 알고 구매 하였는데, 이전 버전이 베이스로 된 강의면 제가 이 돈을 들여서 강의를 구매할 이유가 없다고 생각합니다. 강의 업데이트 되는거 맞나요? 언제 업로드 되는건가요?

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

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

• react-native

질문있어요.

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

setting.jason이 그냥 비어있던데 강사님처럼 똑같이 타이핑 후 3줄을 적어야하나요? 아니면 3줄만 입력하면 되나요? 강사님처럼 똑같이 입력해야한다면, 3줄 중 마지막 한줄이 중복되는데 어떻게 하나요?

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

nanoid가 안먹는거 같네요

해결됨

핸즈온 리액트 네이티브

안녕하세요 nanoid 가 계속 문제를 일으킵니다. 아무래도, import 'react-native-get-random-values'; 이랑 호환이안되는지, 첫번째 글까지는 작성이 되는데 두번째부터는 위와 같이 에러가 뜹니다. 뭔가 버전이 안맞는건지 모르겠네요..

• react-native

섹션1~12 중에 객체지향 개념이 쓰인 적이 있나요?

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

간단히라도 알려주시면 감사하겠습니다

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

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: [ ..... 결론 깃헙소스와 노션소스가 조금 달라서 전부카피하면 안된다는! 깃헙소스가 맞고 노션소스가 틀리므로 노션 수정하면 좋겠다는 생각!

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

조건설정 질문입니다

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

2번째 문제에서 else if의 조건에 else if (1 =< product.length =< 4)혹은 else if (product.length =< 4 && product.length > 0)는 왜 오류가 나는지 궁금합니다

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

main의 index.js export default가 Mainpage인데 app.js에서는

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

mainpagecomponent로 쓰던데 uploadpage나 productpage는 component가 따로 안붙고 쓰던데 mainpage만 이렇게 써야되는 규칙인가요?

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

안녕하세요. 스택네비게이션 문제 질문드립니다 ㅜ

미해결

처음 배우는 리액트 네이티브

얼마전에 선생님 답변 덕에 빌드는 잘 했지만 스택네비게이션 문제로 빌드 후 화면이 제대로 나오지 않아서 질문드립니다. 깃허브 주소는 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 /> 를 불러오면 화면에 잘 나타납니다!

• javascript
• react-native

react native 퍼블리싱 기종별 동일한 비율

미해결

안녕하세요 안드로이드 기종별로 레이아웃 비율이 일정하지가 않아서요. height: 100 그냥 숫자값으로 했다가 react-native-responsive-dimensions라이브러리를 활용해서 디바이스 크기를 기준으로 값을 계산해도 기종마다 비율이 계속 다릅니다. 픽셀밀도가 달라서 그런거라는 원인은 찾은거 같은데,,,확신은 안서고있습니다. 기기마다 동일한 디자인이 되기 위해서 스타일을 어떻게 부여해야하나요??

• react-native
• 스타일

히로쿠 말고 fix.io로 한 경우에는도메인주소를 어떻게 불러와야하나요?

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

Link적용하기 강의에서 useParams 쓰면 에러가 뜹니다.

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

좋은 강의 너무 감사드립니다. 강의 10:40 부분에 useParams 사용하는 부분에서: const params = useParams(); console.log(params); 이거 입력한 후에 리프레쉬 한후 각자 아이템을 누르면, 밑에 화면이 뜹니다. 뭐가 잘못된 건지 잘 모르겠어요..

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

axios를 다운받을때 특정한 폴더에서 받아야 하나요?

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Axios 를 다운 받을때, 꼭 특정한 폴더에서 받아야 하는 건가요? Node-modules 랑 json.package 가 public 폴더 밑으로 또 생겨있고, nom start 누르면 Axios error 라고 뜹니다.

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

Apple Developer에서 fcm설정에 관하여 질문있습니다.

미해결

배달앱 클론코딩 [with React Native]

안녕하세요. 제로초님. 제가 강의에서 제가 이해한 것이 맞는지 헷갈려서 질문드립니다.. (우선 keys는 하나로 여러 앱에 사용할 수 있는 것은 이해했습니다.) 강의에서는 fcm 설정을 위해 p12(인증서 방식)이 아닌 p8(인증키 방식)으로 하고 있습니다. 강의 과정에서는 Apple developer Identifiers 탭에서 해당앱을 누르고 push notification에서 edit을 누른 후 Development SSL Certificate와 Production SSL Certificate 두개를 만든 후 다운로드하면 Apple developer에서 Certificates 탭에 방금 만든 push services와 Sandbox push services 두개의 Certificates가 만들어진 것을 볼 수 있습니다. 그런데 만약 A라는 앱과 B라는 앱 두개모두 fcm을 사용한다고 가정할 때 Identifiers각각 위의 과정을 거쳐야 한다면 push services(2개)와 Sandbox push services(2개) 총 4개의 Certificates가 생성될 텐데 이런 방식으로 하면 되는 것인지 궁금합니다. 즉 Certificates에서 push services는 앱에 따라서 여러개를 만들어야 하는것인지 궁금합니다.

• react-native

안녕하세요 git 설치 오류입니다.

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

git 설치 이후 vscode에서 터미널 변환이 안될때 git 최신버전 설치 완료 vscode 재실행 완료 터미널 1개 추가 후 git bash로 변환시 목록에 안보임

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

코드가 잘못 됐나요..

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

코드가 잘못 됐나요.. 상품 목록이 나오질 않네요.. #1 vsCode <html> <head> <title>TerretAccompany</title> <link href="index.css" type="text/css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> </head> <body> <div id="header"> <div id="header-area"> <img src="images\icons\logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images\banners\banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </body> <script> axios .get("https://2007f5d2-9d8b-49f0-8b70-032507e17d79.mock.pstmn.io") .then(function (result) { console.log("통신 결과 : ", result); const products = result.data.products; let productsHtml = ""; for (var i = 0; i < products.length; i++) { let product = products[i]; productsHtml = productsHtml + '<div class="product-card">' + "<div>" + '<img class="product-img"' + 'src="' + product.imageUrl + '" />' + "</div>" + '<div class="product-contents">' + "<!-- text를 넣을때 많이 씀 -->" + '<span class="product-name">' + product.name + "</span>" + '<span class="product-price">' + product.price + "원" + "</span>" + '<div class="product-seller">' + '<img class="product-avatar" src="images/icons/avatar.png" />' + "<span>" + product.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; }) .catch(function (error) { console.error("error 발생 : ", error); }); </script> </html> #2 postman { "products" : [ { "name": "농구공", "price": 500000, "seller": "조던", "imageUrl": "images/products/basketball1.jpeg" }, { "name": "축구공", "price": 600000, "seller": "메시", "imageUrl": "images/products/soccerball1.jpg" }, { "name": "키보드", "price": 300000, "seller": "그랩", "imageUrl": "images/products/keyboard1.jpg" } ] }

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow

naver 지도 추가 이후 에러

미해결

배달앱 클론코딩 [with React Native]

네이버 맵 연동 강의 이후 npm i react-native-nmap --force com.fooddeliveryapp 사이에 폴더 추가 com.tjdwo.fooddeliveryapp package 이름 전부 수정 PS C:\Users\ksj\FoodDeliveryApp> npm run android > FoodDeliveryApp@0.0.1 android > react-native run-android info JS server already running. info Installing the app... > Configure project :app Reading env from: .env > Configure project :react-native-flipper WARNING:Software Components will not be created automatically for Maven publishing from Android Gradle Plugin 8.0. To opt-in to the future behavior, set the Gradle property android.disableAutomaticComponentCreation=true in the `gr adle.properties ` file or use the new publishing DSL. Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. See https://docs.gradle.org/7.5.1/userguide/command_line_interface.html#sec:command_line_warnings 5 actionable tasks: 5 up-to-date Picked up JAVA_TOOL_OPTIONS: - Djava.net .preferIPv4Stack=true FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. > Could not resolve all task dependencies for configuration ':app:debugCompileClasspath'. > Could not find com.naver.maps:map-sdk:3.16.2. Required by: project :app * 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 10s error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup . BUILD FAILED in 10s at makeError (C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:174:9) at C:\Users\ksj\FoodDeliveryApp\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 (C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:82:7) at async Command.handleAction (C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli\build\index.js:108:9) info Run CLI with --verbose flag for more details. PS C:\Users\ksj\FoodDeliveryApp> 구글에 찾아보고 몇시간째 삽질 중입니다 ㅠ.ㅠ 최신 naver map 에 gradle 버전이나 추가해야하는 곳이 더 있을까요? "name": "react-native", "version": "0.71.6",

• react-native
• react-native-nmap

react-native-nmap 설치 후 빌드하면 에러

해결됨

배달앱 클론코딩 [with React Native]

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.bat 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/addon2/03 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/repository2/03 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/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/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: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-nmap:generateDebugRFile'. > Could not resolve all files for configuration ':react-native-nmap:debugCompileClasspath'. > Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-symbol-with-package-name, com.android.build .api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-api}. > Execution failed for JetifyTransform: C:\Users\jeong\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar. > 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 at makeError (C:\Users\jeong\Glins\node_modules\execa\index.js:174:9) at C:\Users\jeong\Glins\node_modules\execa\index.js:278:16 at processTicksAndRejections (node:internal/process/task_queues:96:5) at async runOnAllDevices (C:\Users\jeong\Glins\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5) at async Command.handleAction (C:\Users\jeong\Glins\node_modules\@react-native-community\cli\build\index.js:192:9) info Run CLI with --verbose flag for more details. PS C:\Users\jeong\Glins> 이런식으로 에러가 뜨는데 모든 캐시를 지우고 다른 프로젝트에서 시도해봐도 해결이 되지 않네요...ㅠㅠ

• react-native

Failed to compile [./src/App.js 12:35-41 문제 원인 좀

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

어디 쪽에서 문제가 발생 하는지 모르겠습니다.

• HTML/CSS
• javascript
• react
• node.js
• react-native
• 머신러닝
• express
• tensorflow