inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

html a태그에 이미지를 표시하는 것은 웹 접근성 기준으로 올바른 것인지에 대한 질문입니다.

미해결

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

이번 강의에서 이미지 1장을 띄울때는 <img> 태그를 사용하셨습니다. 반면, 두 장 이상 이미지를 표시할 때에는 <Link> 컴포넌트 태그에 background-image 속성을 사용하여 이미지를 표시하셨는데, 혹시 제가 모르는 이점이 있는 것인지 궁금하여 질문 남기게 되었습니다.

  • react
  • next.js
  • react-query
  • next-auth
  • msw
hwuiinn 댓글 1 좋아요 0 조회수 284

ios 앱 심사 정보

해결됨

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

안녕하세요 친절한 강의에 정말 감사드립니다^^ ios앱 심사 정보 작성에 여쭤볼게 있는데요. 심사 과정에 통과하려면 backend 배포가 된 상태여야 심사가 가능하니, backend 배포가 선행돼야 하는건가요? 앱에 로그인할 수 있도록 사용자 이름 및 암호를 입력하십시오. 앱 심사를 완료하려면 로그인 정보가 필요합니다.

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

2:56 src/app/page.tsx 파일을 이동 후 not-found 페이지만 뜹니다.

해결됨

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

다른 분 질문 내용과 강의에 따르면 (beforeLogin)으로 옮겨진 page.tsx가 잘 떠야 하는데 저는 not-found.tsx만 뜨네요. 왜 이러는지 제가 뭘 놓친건지 살펴보고 있는데 아직 못찾았습니다.. ( 혹시 저와 같은 경험이 있으신 분 / 해결하신 분 계신가요? )

  • react
  • next.js
  • react-query
  • next-auth
  • msw
댓글 1 좋아요 0 조회수 294

No overload matches this call.

해결됨

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

안녕하세요 강사님 강의 진행중에 아래와 같은 안내가 있는데 제공해주신 강의 깃헙 코드와 비교했을 때 아무리 찾아봐도 다른 코드가 보이질 않습니다 따로 에러는 발생하지 않는데 혹시 일종의 경고의 메세지 같은걸까요??

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 2 좋아요 1 조회수 333

android MainActivity.java 문의 건

해결됨

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

안녕하세요 강사님 2:05 진행 과정에서 저는 java가 아닌 Kotlin으로 되어있어서요 ChatGPT로 변경하는 요청을 했는데 아래와 같이 안내하고 있습니다 혹시 이대로 진행하면 될까요? override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(null) }

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 2 조회수 719

input에 입력 시 오류 문의 건

해결됨

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

안녕하세요 강사님 input에 입력을 하면 텍스트가 자꾸 사라지면서 로그에는 아래와 같이 오류가 발생하는데 혹시 해결방법을 알 수 있을까요...!?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 240

"Validation failed (numeric string is expected)" 400 에러와 함께 유저 프로필 / 게시글을 불러오지 못합니다

해결됨

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

해당 오류와 함께 유저 프로필 페이지 접속시 게시글을 불러오지 못합니다...!! 콘솔창에서는 해당 메시지와 함께 오류가 출력되는데 맨 밑에 d는 UserPosts.tsx 컴포넌트에서 찍어본 useQuery로 패칭한 데이터 찍어본것 입니다. getUserPosts.ts에서 받아온 res 값을 콘솔에 찍어봤습니다 제로초님 코드와 동일한데 어떤 이유에선지 유저 프로필 페이지 게시글을 못불러오는지 잘 모르겠어서 낑낑대다가 질문 드렸습니다...ㅠㅠ 감사합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
천하무적박정권 댓글 1 좋아요 0 조회수 432

시뮬레이터가 안열립니다.

해결됨

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

ios는 저 상태로 무반응이구요. 안드로이드는 이런에러가 나는데 다른분 질문 참고해서 안드 시뮬레이터를 켜고 하면 되긴하는데 미리 시뮬레이터를 켜지 않은 상태에서는 저런 에러가 나네요 특이사항은 예전에 혼자 expo로 간단하게 ios, android 시뮬레이터연결 해본적 있었습니다. 방금도 expo 프로젝트에서는 ios랑 android 시뮬레이터 잘 오픈되구요 혹시 몰라 구글링해서 xcode 캐시삭제해보라해서 삭제한 상태구요 "react-native": "0.72.6" "node": v20.10.0 nvm:0.39.7 watchman : 2024.04.22.00 ruby : ruby 2.7.6p219 (2022-04-12 revision c9c2245c0a) [arm64-darwin23] xcode: 15.3

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
supremgy 댓글 2 좋아요 1 조회수 924

시뮬레이터가 작동하지 않아요ㅠ

해결됨

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

상황: 1-5 강의 듣는중이고, ruby 2.7.6 까지 세팅 하였습니다. (과정에 조금 문제가 있었지만 성공); npx ~ --version 0.72.6 에러 없이 성공 그 후 npm run ios >> 시뮬레이터 뜸 >> 앱 실행 안됨 에러 내용이 너무 많아 처음과 끝만 올렸어요ㅠ info Found Xcode workspace "MatdoriApp.xcworkspace" info Found booted iPhone SE (3rd generation) info Launching iPhone SE (3rd generation) info Building (using "xcodebuild -workspace MatdoriApp.xcworkspace -configuration Debug -scheme MatdoriApp -destination id=CBBF6748-CE87-48B0-B69A-") 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 . . . error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening MatdoriApp.xcworkspace. Command line invocation: /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -workspace MatdoriApp.xcworkspace -configuration Debug -scheme MatdoriApp -destination id=CBBF6748-CE87-48B0-B69A-14A62A514208 User defaults from command line: IDEPackageSupportUseBuiltinSCM = YES Prepare packages warning: Run script build phase 'Start Packager' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatdoriApp' from project 'MatdoriApp') warning: Run script build phase 'Bundle React Native code and images' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatdoriApp' from project 'MatdoriApp') --- xcodebuild: WARNING: Using the first of multiple matching destinations: { platform:iOS Simulator, id:CBBF6748-CE87-48B0-B69A-, OS:17.4, name:iPhone SE (3rd generation) } { platform:iOS Simulator, id:CBBF6748-CE87-48B0-B69A-, OS:17.4, name:iPhone SE (3rd generation) } ** BUILD FAILED ** The following build commands failed: CompileC /Users/ajrfyd/Library/Developer/Xcode/DerivedData/MatdoriApp-dzlyrdyzrnadjbcljrudendrtkwk/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FlipperPlatformWebSocket.o /Users/ajrfyd/Desktop/practice/inflearn/MatdoriApp/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm normal arm64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'FlipperKit' from project 'Pods') (1 failure) 환경: OS: macOS 14.4.1 CPU: (8) arm64 Apple M1 Node: 18.16.0 Yarn: 1.22.22 npm: 9.5.1 Watchman: 2024.04.15.00 CocoaPods: 1.15.2 iOS SDK: Platforms: - DriverKit 23.4 - iOS 17.4 - macOS 14.4 - tvOS 17.4 Android SDK: Not Found // 이건 왜 그런지 몰겠음... 강의 따라 설치 되어 있는데..ㅠ Android Studio: 2022.1 AI-221.6008.13.2211.9619390 Xcode: 15.3/15E204a Java: 17.0.11 Ruby: 2.7.6 npmPackages: "@react-native-community/cli": Not Found react: 18.2.0 react-native: 0.72.6 react-native-macos: Not Found npmGlobalPackages: "*react-native*": Not Found Android: hermesEnabled: true newArchEnabled: false iOS: hermesEnabled: true newArchEnabled: false 에러 내용으로 아무리 검색 해 봐도 답이 없네요ㅠ 도와 주실 수 있을까요?? 참고로 예전에 리엑트 네이티브, 엑스포 프로젝트 좀 했었고, 이번에 한번 다시 듣고파 결제 했습니다 . xcode 버전 지원안된다 하여 최신으로 깔고, watchman python에러 잡아서 다시 깔고, 루비 이슈 해결하고, 안드로이드 스튜디오는 딱히 다시 깔지 않아도 될것 같아 놔두고 설명해 주신 이미지 13이랑 32?? 등등 깔고, 공식문서에서 이미 깔린 react-native/cli는 지우는걸 추천해서 지우고 이정도 입니다 ..

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
ajrfyd 댓글 5 좋아요 1 조회수 4566

포토 모달의 인터셉팅 라우터

미해결

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

안녕하세요, 제로초님. 사진 크게보기 modal을 보던 중 궁금한게 있어서 질문 드립니다. 사진을 크게 보기 위해 페러렐 라우터와 인터셉팅 라우터를 사용한다고 하셨는데 인터셉팅 라우터를 사용하기 위해선 @modal/[username]이 아니라 @modal/(.)[username] 이 되어야 하는게 아닌지 질문 드려요! 뿐만 아니라 위에 같이 (.)을 붙이지 않았을 경우에 http://localhost:3000/elonmusk/status/1/photo/1 위 URL에서 새로고침을 하게되면 인터셉팅 되지 않은 (afterLogin)/[username]/status/[id]/photo/[photoId]/page.tsx 가 나타나야 하고 이는 Home 화면을 보여주기로 하였는데 이 부분도 동작하고 있는 것 같지 않습니다. 혹시 원래 동작하는데 제가 놓친 부분이 있는걸까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
베레가모 댓글 3 좋아요 0 조회수 515

자동 import 질문

해결됨

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

안녕하세요 강사님 저는 import 할 때마다 아래 처럼 생성했더니 따로 import 줄이 생성이 됩니다 import { SafeAreaView } from './node_modules/react-native/types/index'; 혹시 강사님처럼 자동으로 아래 코드에 들어갈 수 있도록 하는 방법을 알 수 있을까요? import {SafeAreaView, Button, StyleSheet, Text, View} from 'react-native';

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 351

맥북이 없는데 어떻게 하나요?

해결됨

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

❗ 질문 작성시 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 맥없이 해도 되나요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
차정훈 댓글 1 좋아요 1 조회수 378

pgadmin 서버생성 오류

해결됨

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

서버 생성할때 말씀해주신대로 username password에 postgres를 입력하니 에러가 뜨네요.... 새로운 user 를 그전에 생성해는 과정이 필요하나요? 아님 설치할때 postgres라는 이름의 계정이 생성되던데 그걸 이용할까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
조윤식 댓글 4 좋아요 1 조회수 926

[해결 완료] yarn start 안드로이드 실행 오류

해결됨

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

AILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:installDebug'. > com.android .builder.testing.api.DeviceException: No connected devices! 실패: 예외로 인해 빌드가 실패했습니다. * 무엇이 잘못되었는지: ':app:installDebug' 작업 실행에 실패했습니다. > com.android .builder.testing.api.DeviceException: 연결된 장치가 없습니다! Android Studio 실행 More Actions -> Virtual Device Manager

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 878

[해결 완료] yarn start 아이폰 실행 오류

해결됨

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

Unable to open 'package.json': Unable to read file '/package.json' (Error: Unable to resolve non-existing file '/package.json'). 'package.json'을 열 수 없습니다: '/package.json' 파일을 읽을 수 없습니다(오류: 존재하지 않는 파일 '/package.json'을 확인할 수 없습니다). error iOS devices or simulators not detected. Install simulators via Xcode or connect a physical iOS device 오류 iOS 장치 또는 시뮬레이터가 감지되지 않습니다. Xcode를 통해 시뮬레이터를 설치하거나 실제 iOS 장치를 연결하세요. Xcode 실행 -> Settings -> Platforms [GET] iOS 17.4 분명히....이전에...GET 했었는데...요상함...

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 2 조회수 640

npx react-native@0.72.6 init [name] 오류 [해결 방법]

해결됨

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

error @react-native/gradle-plugin@0.74.81: The engine "node" is incompatible with this module. Expected version ">=18". Got "14.16.1" error Found incompatible module. 오류 @react-native/gradle-plugin@0.74.81: 엔진 "노드"가 이 모듈과 호환되지 않습니다. 예상 버전은 ">=18"입니다. "14.16.1"을 얻었습니다. 오류 호환되지 않는 모듈이 발견되었습니다. error Command failed with exit code 1: yarn add react-native@latest 오류 종료 코드 1로 인해 명령이 실패했습니다. Yarn add React-native@latest npm WARN deprecated @babel/plugin-proposal-optional-catch-binding@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead. npm WARN은 더 이상 사용되지 않습니다 @babel/plugin-proposal-ional-catch-bind@7.18.6: 이 제안은 ECMAScript 표준에 병합되었으므로 이 플러그인은 더 이상 유지되지 않습니다. 대신 @babel/plugin-transform-ional-catch-bind를 사용하세요.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 0 좋아요 1 조회수 624

Next.js에 Custom hook 디자인 패턴을 사용하는 것에 대해 어떻게 생각하시나요?!

미해결

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

안녕하세요 ! Next.js에 Custom hook 디자인 패턴을 사용하는 것에 대해 어떻게 생각하시나요 ?! hooks 폴더를 페이지 단위로 두어 RCC 컴포넌트 내부 로직을 hooks으로 관리하는 Custom hook 패턴과 아토믹을 함께 사용하려고 하고 RSC 컴포넌트에서는 아토믹 패턴을 사용하려고 하는데 이렇게 hooks을 next에서 사용해도 괜찮은 건지 고민이 들어서 질문 드립니다 ! (정답이 없는 문제인 건 알지만 어떻게 생각하시는지 궁금하여 질문드립니다.)

  • react
  • next.js
  • react-query
  • next-auth
  • msw
ReKoding 댓글 1 좋아요 0 조회수 379

zshrc 파일 설정

해결됨

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

강사님의 eval로 시작하는 전체적인 코드 요청드릴 수 있을까요? 제가 작성한 코드에서 모자란 부분이 있는 것 같습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 296

Android Setting

해결됨

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

Android API 34 라는 이름이 안보입니다 혹시 제가 체크박스한 것이랑 동일한걸까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 2 좋아요 2 조회수 493

인기 태그

인프런 TOP Writers

주간 인기글