inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

forwardRef 지원 중단에 대한 대응?

해결됨

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

https://ko.react.dev/reference/react/forwardRef 공식문서를 보면 앞으로는 forwardRef 지원을 중단한다고 나와있는데 이에 대응하려면 코드 작성을 어떻게 하면 될까요?

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

expo, cli 선택 중에 고민이 있습니다.

해결됨

배달앱 클론코딩 [with React Native]

안녕하세요, 강사님. 좋은 강의 감사히 듣고 있습니다! 현재 실제 앱 출시를 목표로 개발을 시작하려고 하는데, Expo와 CLI 중 어떤 방식으로 진행할지 고민 중입니다. 앱은 설문을 통해 데이터를 제공하면, 알고리즘이 맞춤 식단과 적정식사량을 추천해주는 정기 구독 기반 커머스 앱을 개발하려고합니다. - 촬영한 이미지를 업로드하면 AI모델을 통해 비만도를 체크해주는 기능. - 카카오맵과 같은 지도 연동으로 제휴 병원, 매장 위치 제공. - 설문을 통해 도출된 결과를 시각화해서 보여주는 기능 등이 추가로 들어갈 예정입니다. 공식 문서에서도 Expo를 권장하고 있고, Prebuild 기능 덕분에 대부분의 네이티브 라이브러리도 사용할 수 있고, 성능 최적화도 많이 이루어진 것으로 알고 있습니다. CLI와 Expo 사이의 런타임 성능이나 최종 번들 용량 차이에 대한 정확한 비교 자료가 부족해 선택이 쉽지 않은 상황입니다. 강사님께서 CLI와 Expo를 모두 사용해보셨을 때, 두 방식 간에 실제 체감되는 성능이나 앱 용량 차이가 유의미했는지 궁금합니다. 만약 차이가 크다면 CLI를 선택하는 쪽이 맞을 것 같기도 한데, 강사님의 의견이 듣고 싶습니다. 감사합니다!

  • react-native
freshour 댓글 2 좋아요 0 조회수 193

수강질문

해결됨

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

안녕하세요 ~ 강사님 수업 실무적으로 잘 가르쳐주셔서 너무 잘 듣고 만족합니다. 현재 완벽한 프론트엔드코스를 거의 다 소화하고, 풀스택을 배우고자 합니다. 부트캠프에서 만든 고농축 백엔드 코스는 현재 수강한 프론트엔드 코스 내용과 겹치는 강의가 많고 강의량도 많다보니 구매가 고민스로운데요.. 강사님 강의중 관리자 모드와 유저모드간에 통신을 다루는 실무 프로젝트 중심의 백엔드까지 배울수 있는 강의가 있는지 추천받고 싶습니다.

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
Lia 댓글 2 좋아요 0 조회수 81

S3, EC2, RDS까지 다 연결 후

해결됨

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

S3, EC2, RDS까지 다 연결한 후에 끝인가요? ec2에 따로 postgresql를 설치해야하는 건가요?

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

강의를 들을 수가 없네요

미해결

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

여기 질문 답변 게시판을 보면 환경설정 버전 문제 때문에 질문이 한가득인데, 강사님과 인프런 측에서 새로운 영상이라도 만들어야 하는 것 아닐까요? 아니면 버전에 따라 업데이트된 공식 문서라도 제공해야 하는 것 아닌가요? 프로젝트를 시작을 할 수가 없네요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
최연승 댓글 3 좋아요 1 조회수 199

iOS 가상키보드 대응

미해결

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

iOS 디바이스에서 input 요소에 포커스가 되면 가상키보드가 나타나면서 다음과 같은 문제가 발생합니다: 문제 상황 : 가상키보드가 올라오면서 웹뷰의 전체 document가 위로 이동 position: fixed 로 설정한 헤더, 바텀 버튼 등의 엘리먼트들이 함께 올라가면서 고정 위치를 유지하지 못함 시도해본 해결방법 : 가상 인풋(virtual input) 방식 적용 → 효과 없음 Visual Viewport API 활용 → 해결되지 않음 질문 : 이 문제를 해결할 수 있는 효과적인 방법이 있을까요? 특히 iOS Safari 웹뷰 환경에서 position: fixed 엘리먼트가 가상키보드의 영향을 받지 않고 제자리를 유지할 수 있는 방법을 찾고 있습니다.

  • react
  • react-native
  • next.js
  • expo
프롱이 댓글 1 좋아요 0 조회수 799

루비버전 에러

미해결

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

% npx react-native@0.72.6 init MatzipApp --version 0.72.6 ###### ###### ### #### #### ### ## ### ### ## ## #### ## ## #### ## ## ## ## ## ## ### ### ## ## ######################## ## ###### ### ### ###### ### ## ## ## ## ### ### ## ### #### ### ## ### ## #### ######## #### ## ## ### ########## ### ## ## #### ######## #### ## ### ## ### #### ### ## ### ### ## ## ## ## ### ###### ### ### ###### ## ######################## ## ## ### ### ## ## ## ## ## ## #### ## ## #### ## ## ### ### ## ### #### #### ### ###### ###### Welcome to React Native! Learn once, write anywhere ✔ Downloading template ✔ Copying template ✔ Processing template ✔ Installing Ruby Gems ℹ Installing Ruby Gems ⠧ Installing CocoaPods(node:89384) [DEP0053] DeprecationWarning: The util.isObject API is deprecated. Please use arg !== null && typeof arg === "object" instead. (Use node --trace-deprecation ... to show where the warning was created) (node:89384) [DEP0049] DeprecationWarning: The util.isFunction API is deprecated. Please use typeof arg === "function" instead. ✖ Installing CocoaPods error ✖ Installing CocoaPods error An error occured while trying to install CocoaPods, which is required by this template. Please try again manually: sudo gem install cocoapods. CocoaPods documentation: https://cocoapods.org/ . info Run CLI with --verbose flag for more details. % ruby -v ruby 2.7.6p219 (2022-04-12 revision c9c2245c0a) [arm64-darwin24] % 강의대로 따라해서 루비버전 ruby 2.7.6 으로 바뀌면 될 줄 알았는데 이렇게 나오네요 맥북프로 m4 셀은 zsh 쓰고 있습니다 이거 어떻게 하죠 뭐가 문제인지 알려주세요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
최연승 댓글 1 좋아요 0 조회수 94

버전관련

미해결

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

맥북쓰는데 웹사이트 가보니까 명령어가 이렇게 뜨는데 npx @react-native-community/cli@latest init AwesomeProject 강의랑은 완전 커맨드가 다른데 어떤 커맨드로 써야되나요 빨리 알려주세요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
최연승 댓글 1 좋아요 0 조회수 81

expo, cli 선택 중 고민이있습니다..

해결됨

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

안녕하세요, 강사님. 좋은 강의 감사히 듣고 있습니다! 현재 실제 앱 출시를 목표로 개발을 시작하려고 하는데, Expo와 CLI 중 어떤 방식으로 진행할지 고민 중입니다. 공식 문서에서도 Expo를 권장하고 있고, Prebuild 기능 덕분에 대부분의 네이티브 라이브러리도 사용할 수 있고, 성능 최적화도 많이 이루어진 것으로 알고 있습니다. CLI와 Expo 사이의 런타임 성능이나 최종 번들 용량 차이에 대한 정확한 비교 자료가 부족해 선택이 쉽지 않은 상황입니다. 강사님께서 CLI와 Expo를 모두 사용해보셨을 때, 두 방식 간에 실제 체감되는 성능이나 앱 용량 차이가 유의미했는지 궁금합니다. 만약 차이가 크다면 CLI를 선택하는 쪽이 맞을 것 같기도 한데, 강사님의 의견이 듣고 싶습니다. 감사합니다!

  • javascript
  • react
  • react-native
  • typescript
  • react-query
freshour 댓글 2 좋아요 1 조회수 136

제가 빌드한 앱이 실행되지 않아요

미해결

React Native with Expo: 제로초에게 제대로 배우기

npm ls react "react": "19.0.0", npm ls react-native "react-native": "0.79.2", npm ls expo = "expo": "~53.0.9", 문제: expo go 앱에서 제가 빌드한 앱을 실행하면 로딩이 계속되다가 위와 같은 화면이 뜹니다. 터미널에서도 에러를 찾을 수 없어서 이렇게 질문 드립니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
changseog8701 댓글 1 좋아요 0 조회수 133

선생님 질문있습니다.

해결됨

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

강의 찍으실 때 어떤 프로그램 쓰면 선생님처럼 화면녹화도하면서 마우스로 네모박스도 그리고 그림도 그릴 수 있는거에요? 너무 궁금해요. 아 그리고 강의가 너무 꼼꼼해서 아직까진 아주 이해가 잘됩니다. 감사합니다.

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
코드스타크 댓글 1 좋아요 0 조회수 64

안녕하세요 카카오 이미지 uri 부분이 잘못된 것이 아닌가 싶습니다?

미해결

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

카카오 이미지 uri는 카카오쪽 서버 도메인까지 모두 포함하고 있는데, 로컬호스트 도메인까지 앞에 붙여주는 것 같아서 그 부분이 정정되어야 할 것 같습니다?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
김효건 댓글 1 좋아요 0 조회수 48

EAS서비스 없이 로컬에서 빌드할 수 있을까요?

미해결

React Native with Expo: 제로초에게 제대로 배우기

EAS서비스 없이 react native처럼 로컬에서 빌드해서 사용 할 수 있는 방법이 있는지 궁금합니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
심재화 댓글 2 좋아요 0 조회수 671

[08-04]안드로이드 백버튼과 메모리누수 리팩토링

해결됨

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

안녕하세요 ~ 수업내용과 똑같이 코드작성을 하고 마지막에 실행을 했는데, 페이지 이동하기와 뒤로가기도 잘 되는데 Tost 메세지가 안뜹니다. 해당 수업 자료로 실행을 해바도 같은데 무슨 문제일까요 ?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
Lia 댓글 2 좋아요 0 조회수 73

JDK 버전이 달라도 괜찮나요?

미해결

배달앱 클론코딩 [with React Native]

brew install --cask zulu@17 리액트 네이티브 공식문에서 위에 명령어로 설치하라고 나와 있습니다. 강의 영상과 다른데 이전에 찍은 영상이라 다른건가요? 강의에서는 11 버전 설치하라고 하셨는데 17버전으로 진행해도 괜찮을까요?

  • react-native
freshour 댓글 2 좋아요 0 조회수 260

[03-04] 디바이스 API

해결됨

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

안녕하세요 해당 수업 내용을 안드로이드로 실행시켰을때 세 가지 내용중 두 가가지는 잘 나오는데 기종정보는 alert가 안뜨는데 왜 그런걸까요 ??

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
Lia 댓글 2 좋아요 0 조회수 69

[02-03] 모바일 레이아웃 헤더

해결됨

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

안녕하세요 ~ 해당 수업 그대로 했는데 실행시 헤더만 보이고 page.tsx 에 작성된 <div>내용입니다 ~</div> 네 줄 내용이 안나옵니다. 수업 두세번 보면서 점검을 했는데 ..어디를 수정해야 할지 모르겠습니다. 아래는 제 코드 캡처해서 올립니다. 실행시는 아래처럼 내용이 안뜹니다.

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

GoogleMap RNMapsMakerView 오류

미해결

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

선생님 수강을 하면서 활용하며 혼자 사이드 프로젝트를 진행하고 있습니다!! 아래와 같이 현재 이렇게 쓰고 있습니다! ios빌드시 발생하고 있습니다ㅠ! 아무리 해봐도 해결이 안됩니다.. 맵 라이브러리가 최신꺼는 fabric 지원을 한다 해서 저는 fabric을 끄고 수강하려 합니다.! 그래서 1.21.0 으로 버전도 낮췄지만 자꾸 저 오류가 발생합니다.. "react-native": "^0.79.2", "react-native-maps": "1.21.0", podfile 입니다! def node_require(script) # Resolve script with node to allow for hoisting require Pod::Executable.execute_command('node', ['-p', "require.resolve( '#{script}', {paths: [process.argv[1]]}, )", __dir__]).strip end node_require('react-native/scripts/react_native_pods.rb') node_require('react-native-permissions/scripts/setup.rb') platform :ios, '15.1' prepare_react_native_project! setup_permissions([ 'Camera', 'LocationAccuracy', 'LocationAlways', 'LocationWhenInUse', 'Microphone', 'Notifications', ]) linkage = ENV['USE_FRAMEWORKS'] if linkage != nil Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green use_frameworks! :linkage => :static end target 'Frontend' do rn_maps_path = '../node_modules/react-native-maps' pod 'react-native-maps', :path => rn_maps_path, :modular_headers => true pod 'react-native-google-maps', :path => rn_maps_path pod 'react-native-maps-generated', :path => rn_maps_path config = use_native_modules! use_react_native!( :path => config[:reactNativePath], :hermes_enabled => true, :fabric_enabled => false, # Fabric 끄기 :new_arch_enabled => false, # An absolute path to your application root. :app_path => "#{Pod::Config.instance.installation_root}/.." ) post_install do |installer| # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202 react_native_post_install( installer, config[:reactNativePath], :mac_catalyst_enabled => false, # :ccache_enabled => true ) end end

  • react-native
  • map
유다현 댓글 2 좋아요 0 조회수 100

13강 AnimatedTabBarButton type 질문

미해결

React Native with Expo: 제로초에게 제대로 배우기

13강 강의 예제로 진행중 AnimatedTabBarButton에서 type을 BottomTabBarButtonProps로 사용했을때, <Pressable {...restProps} /> 부분에서 PressableProps type과 불일치 에러가 발생해요. type assertion으로 {...restProps as PressableProps} 처리를 하면 에러 표기는 안나긴하지만 찝찝해서요. 강사님의 IDE와는 다르게 에러가 발생하는데 의존성 version 달라서 발생할 수도 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
도도한 얼룩말 댓글 5 좋아요 5 조회수 250

eas build가 원래 엄청 오래걸리나요?

미해결

React Native with Expo: 제로초에게 제대로 배우기

eas build --platform android --profile development 위 eas 빌드 명령어를 실행했는데 거의 30분째 Build in progress... 문구만 보이네요, 좀 찾아봤더니 Free Tier라 큐에 대기시간때문인 것 같은데.. 원래 이런건가요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
세영 댓글 2 좋아요 0 조회수 617

인기 태그

인프런 TOP Writers

주간 인기글