inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

질문

미해결

Next + React Query로 SNS 서비스 만들기

[username] 라우터의 page.tsx에 현재 들어온 유저정보를 받아오는 prefetchQuery랑 그 유저의 게시글을 받아오는 infinitePrefetchQuery가 있는데 두 번째 Query의 경우 서버 컴포넌트에서 실행되는 함수라 credential:"include"가 작동하지 않아 Cookie값을 따로 명시해줘야 하는걸로 알고있습니다. 근데 Cookie값을 따로 명시해주지않아도 게시글들이 잘 불러와지는데 이 과정이 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 2 좋아요 0 조회수 158

npm start 오류

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. info Opening the app on Android... info JS server already running. info Launching emulator... info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor :ReactNative:Unexpected empty result of running '[node, C:\Users\?��?��?��\mapapp\node_modules\@react-native-community\cli\build\bin.js, config]' command. :ReactNative:Running '[node, C:\Users\?��?��?��\mapapp\node_modules\@react-native-community\cli\build\bin.js, config]' command failed. FAILURE: Build failed with an exception. * Where: Script 'C:\Users\���ּ�\mapapp\node_modules\@react-native-community\cli-platform-android\native_module s.gradle' line: 389 * What went wrong: A problem occurred evaluating script. > node:internal/modules/cjs/loader:1228 throw err; ^Error: Cannot find module 'C:\Users\�삤�쐶�꽦\mapapp\node_modules\@react-native-community\cli\build\bin.js' at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15) at Function._load (node:internal/modules/cjs/loader:1055:27) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:170:5) at node:internal/main/run_main_module:36:49 { code: 'MODULE_NOT_FOUND', requireStack: []}Node.js v22.14.0 * 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 1s SDK는 사용자명이 한글로 설정되어있는 문제가 있어서 C드라이브에 폴더 생성해서 넣어두었습니다. 문제가 뭔지 모르겠습니다..

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 1 좋아요 0 조회수 226

PostgreSQL 서버 연결 후 테이블이 생성되지 않음

미해결

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요. 첨부한 사진처럼 서버는 정상적으로 연결되었지만, 테이블이 생성되지 않습니다. Refresh를 해보고 컴퓨터를 재부팅한 후 다시 실행해 보았지만 여전히 테이블이 생성되지 않습니다. 어떤 점을 확인해야 할지 조언 부탁드립니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
grace 댓글 2 좋아요 0 조회수 210

완벽한 프론트엔드 강의와 이 강의 차이점

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

우연찮게 '완벽한' 프론트엔드 강의를 발견하였는데 제가 지금 듣고 있는 강의와 과정이 많이 다른 걸까요? 앱 개발 관련해서도 코드캠프를 통해 공부하고 싶은데 따로 강의가 있진 않은걸까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
won980630 댓글 1 좋아요 0 조회수 177

앱 배포시 서버에 위치 저장 문제 질문

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 강의 해주실때 IOS 승인실 다음과 같이 적어야 승인이 이루어진다고 강의를 해주셨는데요 "위치 확인을 위해서 위치 접근 권한 동의가 필요합니다. 동의하면, 현재 위치의 장소를 등록하는데 사용됩니다. 설정에서 이를 변경할 수 있습니다. 위치는 서버에 전송되지 않습니다." 앱을 보다보면 등산앱 같은곳에서는 제가 다녔던 곳 등을 위치를 서버에 저장했다가 보여주곤 하던데 이럴때는 서버에 사용자의 X,Y 좌표를 서버에 저장 해야될것 같은데 그러면 위의 저 문구를 어떻게 수정해서 적어야 IOS 앱 승인이 가능할까요? 단순히 위치는 서버에 전송됩니다.. 할 수는 없을거 같아서 여쭤봅니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
sevenfingersstudio 댓글 1 좋아요 0 조회수 92

앱 실행 후 오류 질문드립니다.

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, Expo, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 윈도우, 안드로이드 환경에서 실행하였습니다. 홈화면은 잘 보이지만 profile이나 setting 버튼 클릭시 위의 오류화면이 나오게 됩니다. 서버 연결하는 부분까지도 잘 됐는데 어느 순간 이런 오류가 등장하였습니다. 어떻게 수정해야 할까요..? 감사합니다!

  • javascript
  • react
  • react-native
  • typescript
  • react-query
host0806 댓글 2 좋아요 0 조회수 191

새 강의 쿠폰과 관련해서 질문드립니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

귀찮게 해서 죄송합니다. 혹시 저도 기간을 놓쳐 쿠폰을 사용하지 못했는데 새로운 강의를 수강하기 위한 할인 쿠폰을 받을 수 있을지 문의드립니다. 좋은 강의를 제공해주셔서 감사드립니다 :)

  • react
  • node.js
  • seo
  • graphql
  • next.js
아이개미 댓글 2 좋아요 0 조회수 107

React-native-webview가 0.77.0버전에서 작동이 되지 않습니다.(흰화면)

미해결

맛집 지도앱 만들기 (React Native & NestJS)

질문이 아닙니다. 해당 현재 "react-native": "^0.76.6", "react-native-webview": "^13.13.2", 에서 웹뷰로 카카오 로그인을 접속하려고 했으나. 버그가 있어 렌더링 접속이 되지 않습니다. 기존 제공해주신 깃허브 코드로 이어가려고 했으나 동일하네요. 원래는 0.77.0이었으나 해당 라이브러리 깃허브 이슈로 등록되어서 다들 동일하게 에러 뱉습니다. ++++ 방법을 찾아보니 랩핑하면 안되고 있습니다. +++ 랩핑을 제거후에 진행하시기 바랍니다. // <ScrollView style={styles.container}> <WebView style={styles.webview} source={{uri: uri}} onMessage={handleOnMessage} /> // </ScrollView>

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
알랭들롱 댓글 1 좋아요 0 조회수 268

서버 오류(?)

미해결

맛집 지도앱 만들기 (React Native & NestJS)

npm run start:dev 했을 때 오류는 안 나는데 'refresh'해도 스키마에 Tables에 table이 안 떠요..그래도 일단 진행해 봤는데 수업 노트 보고 api/axios.ts도 수정한대로 했는데 ERROR [ExceptionsHandler] No metadata for "User" was found. 이 오류가 뜨는데 어떻게 해결할 수 있을까요.. 이 오류 때문에 회원가입,로그인 눌러도 아무 반응이 없는 것 같아요. 아래 질문에 '[3-8]회원가입/로그인 오류' 글에 저와 같은 오류가 나오신 분이 있었는데 댓글봐도 해결을 못하겠네요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
코딩맨 댓글 1 좋아요 0 조회수 137

추천하시는 강의 듣는 방법!

해결됨

한 입 크기로 잘라먹는 Next.js

혹시 강의를 처음에는 쭉 보면서 따라하거나 정리하고 다시한번 한입 북스를 스스로 만들어보면서 nextjs흐름을 파악하면서 잘 모르겠거나 막히는 부분 강의 다시 한번 듣고 소스 코드 보고 이렇게 듣는 방식이 젤 괜찮은가요?? 아니면 스타일링이나 단순 리액트 컴포넌트를 구성하는 부분은 혼자서 해보고 강의를 듣는 방식이 더 나을까요?? 감사합니다

  • react
  • typescript
  • next.js
JIN LEE 댓글 2 좋아요 0 조회수 195

react-native-reanimated가 Java 11에서 지원되지 않는 기능을 사용하고 있기 때문에 Java 17 이상으로 업데이트하고 Gradle 설정을 수정해야 합니다.

미해결

맛집 지도앱 만들기 (React Native & NestJS)

자바 11썻다가 버전이 안맞다고 해서 17버전으로 올렸고 react-native-reanimated 버전도 낮춰서 했는데 계속 자바 11에서 지원되지 않는 기능 사용한다고 오류 뜹니다 gradle도 8버전 쓰고 있고 혹시 몰라서 babel도 플러그인 해서 넣어봤는데도 안되는것같습니다 ㅠㅠ

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
msjw9022 댓글 1 좋아요 0 조회수 189

회원가입 이후 Session문제

미해결

Next + React Query로 SNS 서비스 만들기

회원가입 후 로그인 된 상태로 home으로 이동하게 되는데 여기서 useSession정보가 업데이트 되지않아서 Props로 session정보를 넘겨주는 방식으로 사용하셨는데 다르게 처리하는 방법도 있을까요 ? 예를 들면 로그인 모달에서 했던 것 처럼 서버액션을 사용하지 말고 클라이언트 컴포넌트에서 fetch 를 처리한 후 replace(/home) 시키는 방법이요 !

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 2 좋아요 0 조회수 146

포트원 질문입니다

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

const onClickLoad = async (event: MouseEvent<HTMLDivElement>) => { const IMP = window.IMP; IMP.init("imp00000000"); //실제로는 강의자료에 있는 식별코드 사용했습니다! IMP.request_pay( { pg: "kakaopay", pay_method: "card", name: "아이리버 무선 마우스 외 1개", amount: 10000, buyer_email: "이메일@gmail.com", buyer_name: "홍길동", buyer_tel: "010-4242-4242", buyer_addr: "서울특별시 강남구 신사동", buyer_postcode: "01181", m_redirect_url: "/", }, function (rsp: any) { if (rsp.success) { alert("결제가 성공했습니다."); console.log(rsp); } else { alert("결제에 실패했습니다."); } }, ); }; 위와 같은 코드로 정상적으로 rsp를 받고, imp_uid 까지 받았습니다. 그런데 graphql api 호출을 했더니 _id 가 null이라는 에러가 계속해서 발생하네요. 챗gpt 도움을 받아보니, 백엔드가 impUid 를 기반으로 결제 정보를 조회하고 DB에 적립하는 로직이 정상적으로 동작하는지 확인해야한다고 하는데, 에러원인이 무엇이고,어떻게 해결해야 하는지 알려주세요! 포트원 가맹점 식별코드는 강의 자료에 있는 식별코드를 사용했습니다!

  • react
  • node.js
  • seo
  • graphql
  • next.js
aa106206 댓글 1 좋아요 0 조회수 92

피그마에서 과제 및 싸이월드 과제를 못찾고 있어요

미해결

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

피그마로 들어갔는데 과제관련한 회원가입을 찾을 수가 없어요. 그리고 섹션을 살펴봤는데요 여긴 섹션3번인데 안보이네요.. 제가 못찾고 있는것 같은데요

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
audlovewns 댓글 3 좋아요 0 조회수 216

vscode에서 @material-tailwind/react component를 가져왔을 때 뜨는 빨간줄 제거할 수는 없나요?

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 안녕하세요? 질 좋은 강의 잘 듣고 있습니다. 코드를 치면서 신경쓰이는 부분이 있어서 질문드립니다. vscode에서 @material-tailwind/react component를 가져왔을 때 뜨는 빨간줄 없앨 수는 없나요?

  • next.js
  • tailwindcss
  • supabase
김민교 댓글 2 좋아요 0 조회수 337

백엔드 서버 수행시 prisma engine을 설치할수가 없습니다.

미해결

한 입 크기로 잘라먹는 Next.js

사내 환경에서 외부 인터넷은 프록시를 통해 접속 가능합니다. 백엔드 서버 구축시 npm install 수행시 prisma engine을 다운로드 받을수 없다는 메시지가 나옵니다. Downloading Prisma engines for Node-API for windows [ ] 0%Error: request to https://binaries.prisma.sh/all_commits/acc0b9dd43eb689cbd20c9470515d719db10d0b0/windows/schema-engine.exe.sha256 failed, reason: 엔진을 수작업으로 다운로드 받아 참조 할수 있는 방법이 없을까요

  • react
  • typescript
  • next.js
lateButEarly 댓글 2 좋아요 0 조회수 292

새 강의쿠폰 질문있습니다

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

저번에 사놓고(2시간들음) 다시 공부를 시작하려는데 혹시 새로운 강의로 들을수있을까요! 이번에는 꼭 완강 하겠습니다

  • react
  • node.js
  • seo
  • graphql
  • next.js
zonly1992 댓글 2 좋아요 0 조회수 93

인기 태그

인프런 TOP Writers

주간 인기글