묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
node.js 설치방법
예전에 다운 받을 때랑 달라서 질문 드립니다.도커 방식으로 선택해서 다운로드 하는게 맞을까요?
-
미해결처음 배우는 리액트 네이티브
맥북 m4에서 nvm으로 설치불가
현재 맥북에서 nvm으로 node 14버전 설치가 불가능합니다 18로 대신 설치했는데 문제가 없을지 궁금합니다.
-
해결됨[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
시뮬레이터 관련 질문
강의 [1-5] VScode에서 시뮬레이터를 활성화 하는 부분이 있던데 이때 원도우에서 개발 하면 Xcod가 실행이 되지 않아 ios 시뮬레이터를 활성화하지 못하던데 이러면 ios 환경 개발을 못하는건가요 아직 제가 초반 부분만 봐서 그런지 이해를 못 하겠습니다. 혹시나 해서 여줘봅니다.(info Opening the app on iOS...Error: Error: Command failed with exit code 1: xcodebuild -list -json'xcodebuild'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α�, �Ǵ���ġ ������ �ƴմϴ�. at getProjectInfo (C:\Users\사용자\NTMap\node_modules\@react-native-community\cli-platform-ios\build\tools\getProjectInfo.js:29:11) at Object.runIOS [as func] (C:\Users\사용자\NTMap\node_modules\@react-native-community\cli-platform-ios\build\commands\runIOS\index.js:88:58) at Command.handleAction (C:\Userㄴ\사용자\NTMap\node_modules\@react-native-community\cli\build\index.js:111:23) at Command.listener [as actionHandler] (C:\Users\사용자\NTMap\nodemodules\commander\lib\command.js:482:17) at C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1283:65 at Command._chainOrCall (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1177:12) at Command._parseCommand (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1283:27) at C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1081:27 at Command._chainOrCall (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1177:12) at Command._dispatchSubcommand (C:\Users\사용자\NTMap\node_modules\commander\lib\command.js:1077:23))
-
미해결React Native with Expo: 제로초에게 제대로 배우기
iOS 배포문제 ㅠ.ㅠ
빌드는 성공적으로 진행된것 같은데 orbit실행하면 아래 사진처럼 오류가 나옵니다eas build --platform ios --profile development명령어 사용하여 빌드하였습니다.당연히 애플 개발자 결제는 했습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
[JS 10-2-3] 트렌드 및 방향 - 3단계 강의 질문
리액트 컴포넌트 실습에서 <철수의버튼 /> <영희의인풋 /> 하면 실행이 안되고,{철수의버튼} <영희의인풋 /> 하면 실행이 되는데 첫번째 실행이 안되는 이유가 무엇인가요?!
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
웹 프론트엔드 부트캠프 과제 관련 질문드립니다
게시글 등록 컴포넌트 생성해서 렌더링 하는 것 같은데, 등록 페이지는 피그마에서 보여지는 "트립토크 등록" 컴포넌트 UI를 스스로 생성해서 연결하라는 뜻인가요?아니면 레퍼런스 코드에 있는 것처럼 단지 렌더링만 하는 코드를 작성하라는 건가요?그리고 모든 과제는 피그마를 참고하면서 A-Z 까지 스스로 하는건가요?
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
윈도우에서 안드로이드 열었는데 '텍스트' 문구가 안보여요
https://github.com/minpppal/react-native-avartar에러는 안뜹니다.윈도우 환경입니다."react-native": "0.79.4",node : v22.16.0 화면에 아무것도 안떠요.웹으로 열면 잘뜹니다. (아래 사진은 웹)
-
미해결React Native with Expo: 제로초에게 제대로 배우기
github 코드를 받아서 빌드 생성시 에러가 납니다.
커서 자동완성 기능 때문에 놓치는 코드들이 있어서 github에서 특정 시점 코드를 받아서npm install eas build --platform android --profile development 를 통해 빌드를 생성하려는데, 빌드가 실패해서 expo 관리자에서 로그를 확인해보니 아래와 같은 에러가 계속 나고 있습니다.npm error npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing. package.json과 package-lock.json이 동기화가 안됐다는 것 같아서 package-lock.json 삭제 후 npm install 로 다시 설치 후 빌드를 해도 계속 위와 같은 에러가 나고 있습니다. ㅠㅠ해결 방법이 있을까요?
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
EAS 빌드 시, expo 53, react-native0.79, react18기반 라이브러리 의존성 충돌
개발환경 및 상황window, Node 22.14.0, react: ^19.0.0, react-native: 0.79.2, expo ^53.0.9 SDK 53으로 올리면서 react19이 강제 되어, react19를 사용하였습니다. 대부분의 라이브러리들이 react18을 기반으로 되어있어 의존성 충돌이 일어나, 강의에서 사용된 라이브러리는 --legacy-peer-deps로 설치하여 개발은 가능하였습니다. 문제라이브러리 사용까지는 상관없었는데, '[7-5] 개발빌드 실행 및 알림 수신하기'의 EAS 빌드를 위하여 eas build --profile development (--clear-cache) 를 사용하였는데 npm ci단계에서 peer dependecy충돌로 빌드가 실패하고있습니다. 에러 메세지expo build detailInstall dependenciesRunning "npm ci" in /home/expo/workingdir/build directory npm warn ERESOLVE overriding peer dependency npm warn While resolving: @react-native/virtualized-lists@0.79.2 npm warn Found: @types/react@18.3.21 npm warn node_modules/@types/react npm warn dev @types/react@"~18.3.12" from the root project npm warn 4 more (@radix-ui/react-compose-refs, @radix-ui/react-slot, ...) npm warn npm warn Could not resolve dependency: npm warn peerOptional @types/react@"^19.0.0" from @react-native/virtualized-lists@0.79.2 npm warn node_modules/@react-native/virtualized-lists npm warn @react-native/virtualized-lists@"0.79.2" from react-native@0.79.2 npm warn node_modules/react-native npm warn npm warn Conflicting peer dependency: @types/react@19.1.8 npm warn node_modules/@types/react npm warn peerOptional @types/react@"^19.0.0" from @react-native/virtualized-lists@0.79.2 npm warn node_modules/@react-native/virtualized-lists npm warn @react-native/virtualized-lists@"0.79.2" from react-native@0.79.2 npm warn node_modules/react-native npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: react-native@0.79.2 npm error Found: @types/react@18.3.21 npm error node_modules/@types/react npm error dev @types/react@"~18.3.12" from the root project npm error peerOptional @types/react@"*" from @radix-ui/react-compose-refs@1.1.2 npm error node_modules/@radix-ui/react-compose-refs npm error @radix-ui/react-compose-refs@"1.1.2" from @radix-ui/react-slot@1.2.0 npm error node_modules/@radix-ui/react-slot npm error @radix-ui/react-slot@"1.2.0" from expo-router@5.0.7 npm error node_modules/expo-router npm error expo-router@"~5.0.7" from the root project npm error 3 more (@radix-ui/react-slot, ...) npm error npm error Could not resolve dependency: npm error peerOptional @types/react@"^19.0.0" from react-native@0.79.2 npm error node_modules/react-native npm error react-native@"0.79.2" from the root project npm error peer react-native@"*" from @expo/metro-runtime@5.0.4 npm error node_modules/@expo/metro-runtime npm error peerOptional @expo/metro-runtime@"*" from expo@53.0.9 npm error node_modules/expo npm error expo@"^53.0.9" from the root project npm error 25 more (expo-application, expo-asset, expo-blur, expo-constants, ...) npm error 1 more (expo-router) npm error 30 more (@expo/vector-icons, @react-native/virtualized-lists, ...) npm error npm error Conflicting peer dependency: @types/react@19.1.8 npm error node_modules/@types/react npm error peerOptional @types/react@"^19.0.0" from react-native@0.79.2 npm error node_modules/react-native npm error react-native@"0.79.2" from the root project npm error peer react-native@"*" from @expo/metro-runtime@5.0.4 npm error node_modules/@expo/metro-runtime npm error peerOptional @expo/metro-runtime@"*" from expo@53.0.9 npm error node_modules/expo npm error expo@"^53.0.9" from the root project npm error 25 more (expo-application, expo-asset, expo-blur, expo-constants, ...) npm error 1 more (expo-router) npm error 30 more (@expo/vector-icons, @react-native/virtualized-lists, ...) npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error /home/expo/.npm/_logs/2025-06-23T04_14_21_012Z-eresolve-report.txt npm error A complete log of this run can be found in: /home/expo/.npm/_logs/2025-06-23T04_14_21_012Z-debug-0.log npm ci exited with non-zero code: 1 시도 했던 방법 npm ci 우회npm ci 를 우회하기 위하여 pacakge.json에 npm install --legacy-peer-deps 로 우회하는 쉘스크립트도 사용해봤는데, (chmod 로 권한 설정 & LF 줄바꿈) permission denied 로 빌드되지 않았습니다. "scripts": {"start": "expo start","eas-build-pre-install": ".eas/build/pre-install.sh", .eos/build/pre-install.sh ,...}https://github.com/miloe2/rn-practice/commit/16f0c2448cd138eb63ab7385dea3b7c0d89b50e9 라이브러리 업데이트 타입만 우선적으로 업데이트하였는데( types/@react18.3.12 => 19.1.8, ) 그 외에도 react19가 지원하지 않는 다른 라이브러리들 (react-test-render 등)이 있어서 실패. ❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.에러 잘라서 올리시면 안됩니다!(에러 일부만 자르거나 일부만 복사하지말아주세요)
-
해결됨웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
typescript를 사용하는 이유
강의에서 Typescript를 사용하고 있는데, 정작타입은 제대로 안 잡고 넘어가는 경우가 많네요수강생 타겟이 초보라고 되어 있지만, 타입 에러가 방치돼 있어서 따라가기가 더 어려운 느낌이에요오히려 타입을 명확히 잡고 넘어갔으면 더 수월하게 진행됐을 것 같다는 생각이 드네요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
이 코드는 왜 있는건가요?
import {Add commentMore actions 맨위에 이 코드가 있는데 이게 왜있는건가요?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
jQuery
[입중급] CSS&JS 마스터 수강 중 입니다.그런데 jQuery는 안배우는건가요?!안배워도 되는건지? 아니면 잘 사용 안해서 인지?궁금합니다!!
-
미해결React Native with Expo: 제로초에게 제대로 배우기
빌드후 오류
현재 맥에서 expo eas에 빌드하는것 까지 성공하고 orbit에서 시뮬레이터 실행되고 앱설치하고 접속까지는 되었는데 오류가 나옵니다 .
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
안녕하세요 수업진행관련 질문이 있습니다.
안녕하세요. 우선 매번 좋은 강의 감사드립니다!다름이 아니라, 이 강의 전 버전에서 html,css,js를 수강하여 이번 버전에선섹션3. [중급] 웹 프론트엔드 부트캠프 부터 수강중입니다!수업노트에 있는 노션에 들어가보니 [과제] 탭이 따로 있더라구요!과제01이 섹션01이랑 같은 부분이라서 섹션01을 수강 후 과제01을 해보는 식으로 진행하면 되는건가요? 섹션12까지 수강하였는데 강의중에는 따로 말씀이 없으셔서그냥 강의만 듣고 자체적으로 복습만 했습니다.저게 아니라면 과제는 언제부터 시작하는건지 알 수 있을까요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
웹뷰 질문드립니다!
강사님 궁금한 게 있습니다.그러면 웹뷰 위주의 앱을 개발한다고 했을때, 리액트 프로젝트 1개, 리액트 네이티브 프로젝트 1개 이렇게 총 두개의 레포지토리를 만들어 개발하고, 앱 내에서 웹뷰를 띄우고 싶은 부분은 우선 리액트 프로젝트를 배포하고, 배포된 url을 가져와서 웹뷰 컴포넌트에 넣는 방식으로 진행하나요?? 그리고 만약 그렇게 한다면 보통 멀티레포로 하는지 모노레포 구조로 하는지도 궁급합니다..!!
-
미해결React Native with Expo: 제로초에게 제대로 배우기
애니메이션 부분 설명
애니메이션 부분 복잡해서 수강노트에 단계별로 설명해주신다고 했는데 안보이네요..!! 혹시 어디로 들어가야 볼 수 있을까요?!
-
해결됨웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
ios 배포관련 질문있습니다.
카메라와 위치정보만 네이티브에서 권한 요청하고,화면이 전부 웹뷰로 구성되어있는 앱을 배포한다고 가정 했을때 ios 심사통과 가능성이 높은지 낮은지 궁금합니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
expo로 구현할 수 없는 기능들에는 어떤게 있을까요??
안녕하세요 강사님! 현재 회사에서 사이드 프로젝트로 리액트 네이티브 프로젝트를 혼자서 진행해야 되는 상황이라 강의를 듣고 있습니다. 아직 기획만 나온 상황이고 디자인은 전혀 나오지 않은 상태입니다. 만약에 구현하다가 expo에서는 구현할 수 없는 기능이 생길수도 있는 부분에 대해서 미리 인지하고 싶은데, 혹시 expo로 구현할 수 없는 기능들에는 어떤 것들이 있는지 미리 알 수 있는 방법이 있을까요..?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
배포후 알람이 정상작동안합니다.
안드로이드 환경에서 apk를 만들어서 다른사람의 폰에 깔아보았습니다 apk의 pushtoken을 서버에 잘 담아서 보냈으나,expogo가 깔려있는앱에는 알람이 정상적으로 오지만, 깔려있지 않은앱에서는 알람이 안옵니다어떻게 해결할수있을까요? 백엔드코드 전달드립니다. // 푸시 알림 전송 함수 정의 function sendPushNotification($expoPushToken, $title, $body, $data = []) { $message = [ 'to' => $expoPushToken, 'sound' => 'default', 'title' => $title, 'body' => $body, 'data' => $data, ]; $ch = curl_init('https://exp.host/--/api/v2/push/send'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_HTTPHEADER, [ 'Accept: application/json', 'Accept-Encoding: gzip, deflate', 'Content-Type: application/json', ]); curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($message)); $response = curl_exec($ch); $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($httpCode != 200) { throw new Exception('HTTP 오류! 상태 코드: ' . $httpCode); } $result = json_decode($response, true); if ($result['data']['status'] === 'error') { throw new Exception('푸시 알림 전송 오류: ' . json_encode($result['data']['details'])); } return $result['data']['id']; }에러내용 : {"error":"InvalidCredentials","fault":"developer"}
-
미해결React Native with Expo: 제로초에게 제대로 배우기
안녕하세요 제로초님 CSS관련 질문 드립니다
안녕하세요 제로초님 CSS 관련해서 질문 드립니다.expo에서는 styleSheet와 react-native-safe-area-context 이용해서 css 작업하는걸로 강의에서 설명해 주셨는데NativeWind(TailwindCss)를 모바일에서 사용하는건 어떻게 생각하시는지 궁금합니다또, gluestack ui 라이브러리도 있는데 이것도 혹시 아시면 같이 이야기 해주시면 감사하겠습니다! StyleSheet 사용해서 하는게 나중에 최적화가 더 잘 될지 그런것도 고민이 되긴 합니다