묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
강의 1-5를 진행하다 문제가 생겼습니다
강의 1-5를 진행하다 처음부터 진행이되지 않아 여러 방법을 시도해보고 있는데요이런 오류가 발생하는데 해결 부탁드립니다C:\Users\younm>npm run androidnpm error code ENOENTnpm error syscall opennpm error path C:\Users\younm\package.jsonnpm error errno -4058npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\younm\package.json'npm error enoent This is related to npm not being able to find a file.npm error enoentnpm error A complete log of this run can be found in: C:\Users\younm\AppData\Local\npm-cache\_logs\2024-09-11T08_15_28_839Z-debug-0.log
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
맥북이 아니고 윈도우 사용자 질문있습니다!!! (급해요)
맥북을 사용하지 않고 윈도우를 사용하고 있습니다강의 중 섹션 2에서 윈도우사용자면 1-5를 들어야하나요?화면에 진행하시는 컴퓨터가 맥북이신거 같아 질문드립니다
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
리액트 네이티브 열 때 오류가 납니다 (급해요!!!!)
강의 1-5 에서 react native 에서 start 로 열 때 에러가 너무 많은 파일이 열려있다고 합니다.해결 어떻게 하나요ㅠㅠ
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
맥북이 아니고 윈도우 사용자 질문있습니다!!! (급해요)
맥북을 사용하지 않고 윈도우를 사용하고 있습니다강의 중 섹션 2에서 윈도우사용자면 1-2,1-3,1-5 듣지 않고 1-4만 듣고 2-0으로 넘어가면 될까요??
-
미해결핸즈온 리액트 네이티브
eslint.config.mjs 파일에 plugin 설정방법
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.강의의 내용을 벗어나는 질문 혹은 관련 없는 질문에 대해서는 답변하지 않습니다. (ex. 자바스크립트, 강의에서 사용하지 않는 라이브러리, 강의 내용과 다르게 진행한 프로젝트에 대한 질문)<질문 남기기 전에 스스로 해결하는 연습을 해보세요>- 스스로 문제를 해결하는 연습은 여러분의 실력향상에 큰 영향을 미칩니다. 1. 차분하게 여러분 코드의 오타 여부를 확인해 주세요. 2. 발생한 문제를 구글에서 검색해서 확인해 보세요. <잘 해결이 안 될 때에는, 질문을 남겨주세요>1. 코드에 질문이 있다면 코드를 깃헙(https://github.com/)에 올리고 주소 링크를 남겨주세요. 2. 문제 발생 상황 등, 내용을 자세히 작성해주세요. react를 imort해야 한다는 경고메세지를 안뜨게 하기 위한 plugin 설정을 eslint.config.mjs 파일에서 하는 방법을 모르겠어서 질문드립니다. 공식문서를 참고해서 rule 설정은 했는데 plugin 설정은 이해가 가질 않습니다ㅜㅜ감사합니다.
-
미해결핸즈온 리액트 네이티브
ESLint.json 파일이 생성되지 않습니다.
npx exlint --init 후 설치 질문에 강의 화면에서처럼 what format do you want your config file to be in? 이 뜨지 않고 eslint.config.js로 설정됩니다. 이대로 써야 하는 것인지 아니면 JSON 파일로 변경해야 된다면 어떻게 해야 되는지 모르겠습니다. 감사합니다.
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
QueryClient 에서 retry 를 false 로 설정하신 이유
3-8 강의 1:04 에서, QueryClient 의 retry 옵션을 false 로 설정하신 특별한 이유가 있으신가요? 왜 이렇게 설정한지 궁금합니다.
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
백엔드에 요청을 보내면 Network Error가 발생합니다
안녕하세요. 지금 강의 3-8을 들으면서 회원가입, 로그인 요청을 보내는 코드를 작성 중입니다.다름아니라 회원가입 등 백엔드에 요청을 보내면 백엔드 서버까지 요청이 전달되지 못하고 network error를 반환합니다.소스코드는 다음과 같습니다// auth.ts const postSignup = async ({email, password}: RequestUser): Promise<void> => { try{ const {data} = await axiosInstance.post('/auth/signup', { email, password, }); return data; } catch (error) { console.error(error); } };// axios.ts import axios from 'axios'; const axiosInstance = axios.create({ baseURL: 'http://localhost:3030', withCredentials: true, }); export default axiosInstance;백엔드와 DB연결이 잘못되어있나 싶어서 postman으로 요청을 보내니 그 요청은 잘 전달되어 DB에 user가 생성됩니다.그리고, 강의 3-8의 소스코드를 그대로 가져와 서버를 켜고 요청을 보내니 여전히 network error가 발생합니다. 어디서 실수를 해서 에러가 나는 것일까요?
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
빈 프로젝트 생성
❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)프로젝트 생성 시 빈 프로젝트만 생성되고 안에 폴더 내부는 비어있는데 혹시 어떤 문제일까요
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
Sending 'onAnimatedValueUpdate with no listeners registered. 오류
안녕하세요 강사님아래 같이 오류가 발생하는데 해결방법이 있을까요..?감사합니다
-
미해결배달앱 클론코딩 [with React Native]
foreground 상태일 떄 push alert notification 질문
안녕하세요, 강의를 듣다 궁금한 점이 생겨 질문드립니다. foreground 상태 인 경우에도 Push Alert가 위에서 발생하는 앱들이 있는데 이 같은 경우는 따로, 해당 데이터가 왔을 떄 뭔가 Alert창이나, 위에서 아래로 알림창 같은게 내려오는 컴포넌트같은 것을 따로 구현하여 보여주는 것인가요??Toast와 같은 컴포넌트를 만들어서 보여주는 것인지, React-native-push-notification에서 따로 할 수 있는 방법이 있는지 궁금합니다!그리고 Channel 같은 경우는 프론트에서 먼저 구성한 후, 백엔드와 맞추어야 하는건지 궁금합니다!!!
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
환경 설정 및 프로젝트 생성에서 오류가 납니다.
구글링해서 찾은 방법과 GPT에서 찾은 방법으로는 해결이 안되고 있어요.brew update를 해도 안되고 watchman으로 하는 해결방법도 안됩니다. Gpt는 파일이 많아서 제한 수를 늘리는 해결방안을 주는데 그것도 안되고 있습니다!어떻게 해야할까요? 참고로 처음에 강사님이 말씀하신 버전대로 깔아서 셋팅했을 때 저 오류가 계속 떠서이번에는 다 최신 버전으로 바꿔서 해보았는데도 똑같은 오류가 발생합니다.
-
미해결따라하며 배우는 리액트 네이티브 기초
강의 내용이 24년 현재 버전과 너무 다릅니다.
강의내용이 24년 현재 9월 듣고 있는데 강의 내용과 내려받는 리엑트 네이티브 파일구조가 달라서 너무 어렵습니다. 현재 강의 맞는 구버전으로 하면 expo app 버전이 구버전과 맞지 않는다고 하거나 강의 보면서 하기도 벅찬데 각종 버전에 따른 오류가 너무 많이 나오니 해결하면서 강의 듣기에 너무 힘듭니다. 뭔가 방법이 없을까요? 제가 너무 배우고 싶었던 리엑트 네이티브 강의인데 초반에 오류 수정하다 끝나고 이러니 의지가 꺽여버립니다.
-
미해결[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
강의 리뉴얼 언제될까요??
학습에 관련된 질문만 해주세요.질문은 상세하게 무엇이 궁금한지 작성해주세요.질문은 '마크다운'을 사용하여 할 수 있습니다.유사한 질문이 있었는지 살펴보고 질문 해주세요. 부담갖지 말고 강의에서 궁금하신 점 전부 질문해주세요 :)
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
선생님 강의를 따라가려면 함수형 프로그래밍을 배워야 하나요?
선생님 코드의 로직이 어렵게 느껴져 따라가는데 어려움을 겪고 있습니다. chatgpt를 활용해보니, 함수형 프로그래밍을 공부하면 된다고 하는데요. 혹시 먼저 함수형을 공부하고 다시 선생님 강의에 도전을 하는게 맞는 순서일까요?
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
RN expo 에 대하여
안녕하세요.현업자로서 RN expo에 대한 강사님의 생각이 궁금합니다. RN 공식 페이지에서 expo 와 같은 프레임 워크 사용을 권장하는 뉘앙스로 설명을 시작하는데 ,(You can also use React Native without a Framework, however we’ve found that most developers benefit from using a React Native Framework like Expo.) 만약 강사님이 완전 새로운 앱 개발에 착수하신다면, expo 를 사용하실것 같으신가요? 아니면 native cli 로 시작하실것 같으신가요?
-
미해결[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
프로젝트 생성에 대해서?
npx react-native init test --version 0.72.6 Expo 아니라면 이렇게 생성해야 하는 거 아닌지요?
-
미해결따라하며 배우는 리액트 네이티브 기초
Android에서 vector icon이 깨지고 한자로 보이면 어떻게 수정해야하죠?
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Profile from './src/screens/Profile'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; import Search from './src/screens/Search'; import Activity from './src/screens/Activity'; import { NavigationContainer } from '@react-navigation/native'; import Status from './src/screens/Status'; import Ionic from 'react-native-vector-icons/Ionicons'; const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const getTabBarIcon = (route, focused, size, color) => { let iconName; color = 'black'; if (route.name === 'Home') { iconName = focused ? 'home-sharp' : 'home-outline'; size = focused ? size + 8 : size + 2; } else if (route.name === 'Search') { iconName = focused ? 'search' : 'search-outline'; } else if (route.name === 'Activity') { iconName = focused ? 'heart' : 'heart-outline'; } else if (route.name === 'Profile') { iconName = focused ? 'person' : 'person-outline'; } return <Ionic name={iconName} size={size} color={color} />; }; const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={({ route }) => ({ tabBarHideOnKeyboard: true, tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, tabBarIcon: ({ focused, size, color }) => getTabBarIcon(route, focused, size, color), })} > <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; const App = () => { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerShown: false }}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App; { "name": "ReactNativeInsta", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@react-navigation/bottom-tabs": "^6.6.1", "@react-navigation/material-top-tabs": "^6.6.14", "@react-navigation/native": "^6.1.18", "@react-navigation/native-stack": "^6.11.0", "react": "18.3.1", "react-native": "0.75.2", "react-native-safe-area-context": "^4.10.9", "react-native-screens": "^3.34.0", "react-native-vector-icons": "^10.1.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/babel-preset": "0.75.2", "@react-native/eslint-config": "0.75.2", "@react-native/metro-config": "0.75.2", "@react-native/typescript-config": "0.75.2", "@types/react": "^18.2.6", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.6.3", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.3.1", "typescript": "5.0.4" }, "engines": { "node": ">=18" } }
-
미해결[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
설치 관련 질문
npx create-react-native-app@latest 요거 터미널에 입력하니까, ⚠ This tool does not initialize new React Native projects. 뜨는데, 어떻게 해결하면 좋을까요?
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
윈도우/안드로이드 Ninja를 설치해야하나요?
윈도우 안드로이드 보고있는데잘 되다가 stack Navigation 공식문서보고 인스톨하고 코드추가 한 후에yarn start 하고 a 하면[CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders.[CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders.FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':react-native-screens'. > [CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders. * 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 라고 나옵니다