실제 폰에서 테스트 (아이폰/안드로이드)
미해결
맛집 지도앱 만들기 (React Native & NestJS)
실제로 폰에서 직접 테스트 해보고 싶은데 어떻게 하면 해볼수 있을까요?
- react-native
- typescript
- nestjs
- react-query
- zustand
팀 리미티드개발 공식 계정
댓글 1
좋아요 0
조회수 446
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
todolist할때 컴포넌트 분리 안했던 것 같은데...
해결됨
[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)
✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 강의보고 todolist할때 컴포넌트 분리 안했던 것 같은데... dropbox (선택수강)UI구축에 보면 supabase-todo-list vscode에 컴포넌트폴더에 ui컴포넌트 들이 있네요... 혹시 추가 작업을 하셨던 것일까요??
- firebase
- next.js
- tailwindcss
- react-query
- supabase
codestudy
댓글 2
좋아요 1
조회수 157
질문 있습니다.
미해결
맛집 지도앱 만들기 (React Native & NestJS)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. ( 일부만 자르거나 일부만 복사하지말아주세요 .) 6-7까지 강의를 본 후 깃허브 소스까지 다 확인을 하였습니다. 현재 즐겨찾기를 한 후 즐겨찾기 페이지에서 클릭을 하면은 두번째 이미지처럼 오류가 발생합니다. 이쪽부분은 제가 뭔가를 놓친건가요? 아니면은 구현이 아직 되지않은건가요?
- react-native
- typescript
- nestjs
- react-query
- zustand
abc2232002
댓글 1
좋아요 0
조회수 87
Error: connect ECONNREFUSED ::1:6379 트러블 슈팅
해결됨
Next + React Query로 SNS 서비스 만들기
문제 발생 : npm run start:dev 시 위와 같은 에러 발생 Error: connect ECONNREFUSED ::1:6379 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1615:16) { errno: -4078, code: 'ECONNREFUSED', syscall: 'connect', address: '::1', port: 6379 } 문제 원인: Redis 연결 실패 → 애플리케이션이 Redis 서버(포트 6379 )에 연결하려 했지만 거부됨. ECONNREFUSED 오류는 Redis가 실행되지 않거나, 접근할 수 없는 상태 일 때 발생. 문제 해결 : Redis 기본 설정은 IPv6 ( ::1 )을 사용함. IPv4( 127.0.0.1 )로 강제 변경해 해결 localhost 가 아닌 127.0.0.1 로 변경 // .env 기존 코드 REDIS_URL=redis://localhost:6379 // .env 변경 코드 REDIS_URL=redis://127.0.0.1:6379 위 에러 만나고 애쓴 부분 공유합니다. 혹시 잘못된 해결 방법이라면 알려주시면 감사하겠습니다!
- react
- next.js
- react-query
- next-auth
- msw
10rlatkdtn
댓글 1
좋아요 2
조회수 366
Parallel Routes시 default.tsx 와 page.tsx의 차이가 궁금합니다.
미해결
Next + React Query로 SNS 서비스 만들기
해당 강좌 default.tsx에서 기본 페이지로 사용시킬때 default.tsx를 처리해두고 빈페이지를 구성하는 형태를 사용하는 예제를 따라서 진행해보았는데요. 여기서 궁금한점이 page.tsx를 @modal에 하나더 유지시키고 return null 처리를 하는 컴포넌트를 두어도 똑같이 동작은 되는데, default.tsx 를 좀 더 권장하는 이유가 있을까요?
- react
- next.js
- react-query
- next-auth
- msw
Sol. Dawin
댓글 2
좋아요 0
조회수 183
요청 메모화와 데이터 캐시에 대해 제가 이해한 것이 맞는지 궁금합니다
해결됨
Next + React Query로 SNS 서비스 만들기
아래가 제가 이해한 내용인데 맞을까요? 요청 메모화 ssr 요청 사이클 내 에서만 페치 결과를 캐싱하여 중복 요청 방지 (한 서버 요청 사이클 끝나면 초기화) 예를들어 Home컴포넌트와 자식 컴포넌트인 Header 컴포넌트에서 렌더링 시 에 동일한 요청을 날렸다면 Home컴포넌트의 요청이 캐싱되고 Header 컴포넌트의 요청은 캐싱된 값 사용 데이터 캐시 한 ssr 요청 사이클 내 뿐만 아니라 서버에 전역적으로 유지되는 캐시 요청 메모화와 다르게 서버 요청 끝나도 초기화되지 않고 지속됨 즉, 여러 클라이언트 요청 간에도 유지됨 A가 먼저 페이지 요청 → 백엔드에 요청 후 넥스트 서버에 데이터 캐싱 B가 같은 페이지 요청 → 백엔드 요청 없이 넥스트 서버 캐시에서 데이터 반환 결론 즉, 요청 메모화는 렌더링 최적화 , 데이터 캐시는 네트워크 요청 절약 을 위한 것
- react
- next.js
- react-query
- next-auth
- msw
10rlatkdtn
댓글 1
좋아요 2
조회수 161
백엔드 api가 따로 있을 경우의 fetch 요청
미해결
Next + React Query로 SNS 서비스 만들기
Next.js에서 서버 컴포넌트는 서버에서 실행되기 때문에, useEffect 없이 컴포넌트 내부에서 직접 fetch 요청을 보낼 수 있는 것으로 알고 있습니다. 또한, 서버 액션은 백엔드 없이 Next.js 풀스택 환경에서 DB에 직접 접근할 때 주로 사용하는 것으로 이해하고 있습니다. 그렇다면, 별도로 백엔드가 존재하는 경우에도 서버 액션을 사용할 필요가 있나요? 그리고 실제로 현업에서도 백엔드가 따로 있을 경우에 서버액션을 사용하나요? 감사합니다!
- react
- next.js
- react-query
- next-auth
- msw
10rlatkdtn
댓글 2
좋아요 0
조회수 170
RN 최신버전 react-native-vector-icons 사용
미해결
맛집 지도앱 만들기 (React Native & NestJS)
현재 RN0.77 버전으로 프로젝트를 하고있는데, react-native-vector-icons가 강사님께서 강의를 찍으신 당시와 좀 바뀌어서 몇 개의 아이콘 종류들은 사라지고 다른 것들로 대체되거나 몇개는 기존 것이 있는 상황입니다. 근데 옛날과 다르게 github문서( https://github.com/oblador/react-native-vector-icons )의 과정과 강사님의 과정이 좀 차이가 있어서 다음과 같이 수행했습니다. 1. 라이브러리 설치 ```npm install --save @react-native-vector-icons/common``` 에서 common을 제외하고 받았습니다. 2. node_modules 에서 ttf파일 추출 후 Fonts폴더 생성 후 그곳에 넣기 추후에 build phase에서 적용된 것 확인함(5-3 강의 16분23초 쯤인가 그 과정) 3. 라이브러리 호출 후 사용 이 때 계속 아이콘이 깨져서 나옵니다 RN버전이랑 안맞는 건지, 아니면 공식문서와 강의의 설정이 차이가 있는지 잘 모르겠네요. import icon from '@react-native-vector-icons/ionicons 로 호출하게 되면 에러메시지는 안뜨지만 사진처럼 나오고, import icon from 'react-native-vector-icons/ionicons 로 하게되면 아래와 같은 에러 로그가 나옵니다. ``` Error: Unable to resolve module react-native-vector-icons/ionicons from /Users/juhkang/Documents/Github/ReactNative/matzip/Matzip_FE/src/navigations/drawer/MainDrawerNavigator.tsx: react-native-vector-icons/ionicons could not be found within the project or in these directories: ``` 77버전에서 react-native-vector-icons를 자유롭게 사용하고 싶은데 해결책이 있을까요?
- react-native
- typescript
- nestjs
- react-query
- zustand
juhyunk0820
댓글 2
좋아요 0
조회수 311
1-2부터 화면이 안 보여요
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
1-1까지는 영상이 보이는데 1-2부터는 사운드만 나오고 영상이 안 보입니다.
- react-native
- typescript
- nestjs
- react-query
- zustand
Mk
댓글 1
좋아요 0
조회수 151
windows 환경에서 설치 방법
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
저는 windows 환경을 사용하고 있습니다. 이 수업에서 설치하는 내용중에 설치해야하는 환경이 무엇인지 알려주세요. mac 사용자도 아니고, 환경 설정 처음하는 수강생일때 어려움이 있습니다
- react-native
- typescript
- nestjs
- react-query
- zustand
김충훈
댓글 3
좋아요 0
조회수 224
[2-2]
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
홈스크린 부분에만 gray 배경이 적용되는데, 이게 뭐때문에 그런가요? 내 스크린이나, 설정 부분은 gray 배경이 없습니다 . 코드는 강의에서 제공된 코드를 다운받아 그대로 사용했습니다.
- javascript
- react
- react-native
- typescript
- react-query
박상원
댓글 2
좋아요 0
조회수 130
회원가입 요청오류
미해결
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 회원가입창에서 요청자체가 가질 않는데 어떻게 해야하나요? ios입니다. 오류난것도 없고 서버 다 킨 상태입니다. ❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. ( 일부만 자르거나 일부만 복사하지말아주세요 .)
- react-native
- typescript
- nestjs
- react-query
- zustand
jiheeee79
댓글 1
좋아요 0
조회수 150
useEffect의 의존성 배열에 fetchNextPage를 넣는 이유가 궁금합니다
미해결
Next + React Query로 SNS 서비스 만들기
useEffect(() => { if (inView) { hasNextPage &&fetchNextPage(); } }, [inView, hasNextPage, fetchNextPage]); 이렇게 useEffect를 작성하셨는데 fetchNextPage를 useEffect의 의존성배열에 넣는 이유가 궁금합니다
- react
- next.js
- react-query
- next-auth
- msw
i1004gy
댓글 2
좋아요 0
조회수 150
레이아웃은 서버 데이터에 변경사항이 있을 때는 렌더링을 해주나요?
미해결
Next + React Query로 SNS 서비스 만들기
레이아웃은 네비게이션을 해도 상태를 유지하고 렌더링을 하지 않는다라고 이해했습니다. 그런데, 오른쪽 레이아웃을 만들면서 패러렐 라우트라던지 template를 쓰지 않고 (비록 컴포넌트를 분리하긴 했으나) 서버에서 데이터를 뿌려주는 미래를 상상하고 쭉 코드를 짜고 계시는 모습을 보면서, 레이아웃이 서버 데이터는 변경사항을 화면에 반영해주는 것처럼 이해가 되었습니다. 뒷부분은 수강하지 않았습니다. 제가 잘못 이해 중인가요?
- react
- next.js
- react-query
- next-auth
- msw
y_rzzz
댓글 2
좋아요 0
조회수 120
안드로이드 스튜디오 Android SDK 설정
미해결
맛집 지도앱 만들기 (React Native & NestJS)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 제대로 체크되었는지 봐주실 수 있나요? Android 15.0 ("VanillaIceCream")은 처음부터 체크되어있었습니다!
- react-native
- typescript
- nestjs
- react-query
- zustand
kwkw
댓글 1
좋아요 0
조회수 261
Java Development Kit 질문
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. Java Development Kit 설치부분 코드가 영상에 나온 부분과 제가 보고있는 부분의 코드가 달라 문의드립니다. 상관없는건가요 혹시? <영상> brew tap homebrew/cask-versions brew install --cask zulu11 brew info --cask zulu11 <현재 링크 들어갔을때 보이는 부분> https://reactnative.dev/docs/set-up-your-environment?platform=android
- react-native
- typescript
- nestjs
- react-query
- zustand
댓글 1
좋아요 1
조회수 140
eslint.config.js (flat config): eslint.config.js 파일에서 eslint-config-prettier를 import한 후, 다른 설정을 재정의할 수 있도록 설정 배열의 마지막에 추가합니다.
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
eslint.config.js (flat config): eslint.config.js 파일에서 eslint-config-prettier 를 import한 후, 다른 설정을 재정의할 수 있도록 설정 배열의 마지막에 추가합니다. 에서 어떻게 import해야하는가요? import eslint-config-prettier from 'eslint-config-prettier'; 로 하면 오류가 납니다.
- react
- React-Context
- react-router
- tailwindcss
- react-query
수달고니
댓글 4
좋아요 0
조회수 256
.prettierrc를 적용했는데 저장하니 ;이 왜 안생길까요?
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
.prettierrc를 적용했는데 저장하니 ;이 왜 안생길까요?
- react
- React-Context
- react-router
- tailwindcss
- react-query
수달고니
댓글 2
좋아요 1
조회수 142
강의 3-1 인증 스크린 마크업중에 ..
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
안드로이드 버전 14 해당 강의 자료를 받아서 실행해봤는데, 로그인 텍스트가 왼쪽으로 쏠려있고 홈화면 버튼이 동작하지 않습니다. 왜이러는걸까요 ???
- javascript
- react
- react-native
- typescript
- react-query
김지환
댓글 2
좋아요 0
조회수 176
서버, 클라이언트 데이터 중복 호출 문제
미해결
Next + React Query로 SNS 서비스 만들기
강의와 같이 구현한다면 page.tsx 에서 데이터 fetch PostRecommends.tsx 에서 는 다시 데이터를 fetch 하지 않고 HydrationBoundary를 통해 넘어온 데이터를 사용 이렇게 page.tsx 에서만 데이터가 fetch 되어야 맞는거지요 ? 제가 구현한 소스코드에서는 getPostRecommends 쪽에 로그를 찍어서 확인해보니 page.tsx 에서도 한번 호출하고 PostRecommends.tsx 에서도 한번 호출해서 총 2번 로그가 찍히더라구요. 이론대로라면 page.tsx 에서 1번 호출했을 때만 로그가 찍혀야 하는 것이 맞는거죠? 아 강의는 " 클라이언트 react-query" 입니다.
- react
- next.js
- react-query
- next-auth
- msw
shan
댓글 2
좋아요 0
조회수 159
인기 태그
인프런 TOP Writers
주간 인기글
- 상금은 언제 받을 수 있나요? 우화
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 (🚨 접수 마감 임박!) NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv