176만명의 커뮤니티!! 함께 토론해봐요.
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요. 이번 영상 4:33쯤에서 커서를 여러군데에 만들고 수정하는 부분이 나오는데 어떻게 하신건지 궁금해요! 그리고 단어를 한번에 수정하더라도 원래 소문자였던 부분은 소문자, 원래 대문자였던 부분은 대문자로 처리되던데 이 부분도 궁금해요!
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
281강 강의 노트는 어디서 확인이 가능할까요? 안보이네요ㅠ
미해결
Next.js App router 기반 Chat GPT 만들기
안녕하세요. Loading UI & Streaming 강의를 따라 하는데, 캐시 비우기 및 강력 새로고침으로 해도 page loading... 이 안보이네요. 개발자도구 띄우고 '캐시 비우기 및 강력 새로고침'으로 하면, 개발자도구 > 네트워크 에서 dashboard페이지가 '대기중' 상태이고, 미리보기에서 보이는 내용은 없습니다. route.ts에서 랜덤 지연시간이 지난 후 VSCode 에서 data { data: '4057만에 응답완료!' } 라고 뜬 후에 브라우저 개발자도구 > 네트워크에서 dashboard페이지 미리보기를 보면 " 루트 레이아웃대시보드 레이아웃 page loading..." 이라고 보이는데, 지연시간이 지난 후이라서 그런지 브라우저 상에서는 "루트 레이아웃대시보드 레이아웃 대시 보드 페이지" 으로만 보입니다. datashboard 페이지의 응답이 지연 시간이 지난 후에 하는거 같은데 왜 이럴까 궁금해지네요.
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요~ 강의자료를 다운받았는데요.. 자료가 매칭이 잘안되고 누락된듯합니다.. 다시한번 확인 부탁드립니다. 섹션4에 26번에서 다운받은 code.zip파일입니다.
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
강의에서 현업관련해서 interface 보다 type을 별도의 파일을 더 선호 한다고 하셨는데, interface보다 type이 선호되는 이유를 알고 싶습니다.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
다들 비슷하시군요. ㅋㅋ 지도 띄우는 부분까지 와서 ios 는 경우겨우 의존성 처리해서 구동시켰는데 이번엔 안드로이드가 안되는군요. 참고로 라이브러리버전은 다음과 같습니다. 강의 내용은 맘에 드는데, 버전 문제 등으로 너무 진행이 뎌뎌서 이만 포기할까 합니다.. 너무 시간이 뺏기네요 이거 안되면 ..그냥 플투터로 넘어갈까 합니다.. 이래저래 버전문제 처리해서 구동시켰는데 앱 실행하자마자 꺼지네요. wrapper.properties distributionBase=GRADLE_USER_HOME distributionPath=wrapper/dists distributionUrl=https\://services.gradle.org/distributions/gradle-8.1.1-all.zip networkTimeout=10000 validateDistributionUrl=true zipStoreBase=GRADLE_USER_HOME zipStorePath=wrapper/dists build.gradle buildscript { ext { buildToolsVersion = "34.0.0" minSdkVersion = 24 compileSdkVersion = 34 targetSdkVersion = 34 ndkVersion = "25.2.9519653" // 또는 사용 중인 NDK 버전 kotlinVersion = "1.9.10" } repositories { google() mavenCentral() } dependencies { classpath("com.android.tools.build:gradle:8.1.0") classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion") classpath("com.facebook.react:react-native-gradle-plugin") } } allprojects { repositories { mavenCentral() google() } tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).configureEach { kotlinOptions { jvmTarget = "17" } } tasks.withType(JavaCompile).configureEach { options.release = 17 } } subprojects { afterEvaluate { project -> if (project.plugins.hasPlugin("com.android.library") || project.plugins.hasPlugin("com.android.application")) { project.android { compileSdkVersion rootProject.ext.compileSdkVersion buildToolsVersion rootProject.ext.buildToolsVersion defaultConfig { minSdkVersion rootProject.ext.minSdkVersion targetSdkVersion rootProject.ext.targetSdkVersion ndkVersion rootProject.ext.ndkVersion } compileOptions { sourceCompatibility JavaVersion.VERSION_17 targetCompatibility JavaVersion.VERSION_17 } // ✅ Kotlin 적용 프로젝트에서만 실행 if (project.plugins.hasPlugin("kotlin-android")) { kotlinOptions { jvmTarget = "17" } kotlin { jvmToolchain(17) } } } } } } "dependencies": { "@react-native-community/geolocation": "^3.1.0", "@react-native-community/slider": "^4.5.0", "@react-native-masked-view/masked-view": "^0.3.0", "@react-navigation/bottom-tabs": "^6.5.11", "@react-navigation/drawer": "^6.6.6", "@react-navigation/native": "^6.1.9", "@react-navigation/stack": "^6.3.20", "@tanstack/react-query": "^5.8.7", "axios": "^1.6.2", "patch-package": "^8.0.0", "postinstall-postinstall": "^2.1.0", "react": "18.2.0", "react-native": "^0.72.0", "react-native-config": "^1.5.1", "react-native-date-picker": "^4.3.5", "react-native-encrypted-storage": "^4.0.3", "react-native-gesture-handler": "2.12.0", "react-native-image-crop-picker": "^0.40.2", "react-native-maps": "1.15.0", "react-native-permissions": "^4.0.1", "react-native-reanimated": "3.5.4", "react-native-safe-area-context": "^4.7.4", "react-native-screens": "3.29.0", "react-native-toast-message": "^2.2.0", "react-native-vector-icons": "^10.0.3", "zustand": "^4.5.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/plugin-transform-private-methods": "^7.27.1", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/eslint-config": "^0.72.2", "@react-native/metro-config": "^0.72.11", "@tsconfig/react-native": "^3.0.0", "@types/react": "^18.0.24", "@types/react-native-vector-icons": "^6.4.18", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.2.1", "babel-plugin-module-resolver": "^5.0.0", "eslint": "^8.19.0", "jest": "^29.2.1", "metro-react-native-babel-preset": "0.76.9", "prettier": "^2.4.1", "react-test-renderer": "18.2.0", "typescript": "4.8.4" }, "engines": { "node": ">=16" }
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
EC2 설정하고 RDS 설정하고 그 후에 어떻게 하라는 건지 설명이 없어요... 구글링하면서 보안 설정은 했는데 마지막 강의가 너무 설명이 없었어서 따로 강의를 추가해주셨으면 해요 나머지 강의는 다 좋은데 배포하기 강의가 너무 아쉽네요
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
https://ko.react.dev/reference/react/forwardRef 공식문서를 보면 앞으로는 forwardRef 지원을 중단한다고 나와있는데 이에 대응하려면 코드 작성을 어떻게 하면 될까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
S3, EC2, RDS까지 다 연결한 후에 끝인가요? ec2에 따로 postgresql를 설치해야하는 건가요?
미해결
맛집 지도앱 만들기 (React Native & NestJS)
여기 질문 답변 게시판을 보면 환경설정 버전 문제 때문에 질문이 한가득인데, 강사님과 인프런 측에서 새로운 영상이라도 만들어야 하는 것 아닐까요? 아니면 버전에 따라 업데이트된 공식 문서라도 제공해야 하는 것 아닌가요? 프로젝트를 시작을 할 수가 없네요
미해결
맛집 지도앱 만들기 (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 & NestJS)
맥북쓰는데 웹사이트 가보니까 명령어가 이렇게 뜨는데 npx @react-native-community/cli@latest init AwesomeProject 강의랑은 완전 커맨드가 다른데 어떤 커맨드로 써야되나요 빨리 알려주세요
해결됨
Next + React Query로 SNS 서비스 만들기
안녕하세요. 우선 강의 잘 듣고 있습니다. Next.js 에서 Zustand를 사용할때는 create대신 createStore로 개별 생성하여 RQ와 같이 Provider로 사용하는 것을 공식문서에서도 권장하고 있는 것으로 이해하고 있습니다만 provider없이 create()를 통해 사용하신 이유가 궁금합니다. 1. SSR없이 완전한 client component로 분리하여 이슈가 없을 것이라 판단하신것인지 2. client component에서만 사용하게되면 모듈 레벨에서 캐싱되기때문에 (next에서 SSR/hydrating이 필요한 store를 생성하는 것이 아니라면) 매번 store를 생성하지 않는것인지 답변주시면 감사하겠습니다!
미해결
맛집 지도앱 만들기 (React Native & NestJS)
카카오 이미지 uri는 카카오쪽 서버 도메인까지 모두 포함하고 있는데, 로컬호스트 도메인까지 앞에 붙여주는 것 같아서 그 부분이 정정되어야 할 것 같습니다?
미해결
맛집 지도앱 만들기 (React Native & NestJS)
(너무 초보적인 질문이라면 죄송합니다 ㅠ.. 리액트 초보여서,,) 제가 알기로는 리액트에서는 컴포넌트 리렌더링 시점이 컴포넌트 함수를 직접 재호출하거나, 내부 state가 변경됐을 때로 알고 있는데요, 그런 개념을 가지고 코드를 살펴보면 RootNavigator에서 로그인 여부에 따라 분기처리를 하고 있는데, 여기서 내부 state를 가지고 있는 것도 아닌데, useAuth의 로그인이나 로그아웃 메서드 호출만으로 리렌더링이 되어서 스크린이 변경되고 있는데 어떻게 이 동작이 가능한건지가 궁금합니다. 리렌더링을 발생시키는 조건이 궁금합니다.
미해결
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요! useGetRefreshToken 에서 응답 성공/실패 시에 각각 useEffect로 감싸서 후속처리를 하게 작성해주셨는데요, 해당 로직들은 항상 해당 함수가 호출되고 나서 응답이 온 후에 순차적으로 실행되어야 하는 로직으로 생각이 들어서 비동기로 동작하는 useEffect를 굳이 사용할 필요가 없다고 생각이 드는데요, useEffect로 사용하신 특별한 이유가 있으실까요!?
미해결
맛집 지도앱 만들기 (React Native & NestJS)
저를 포함한 많은 수강생분들께서 설치시 Gem 과 rn 버전등 강의와 latest 버전의 충돌로 인해 많은 어려움을 겪고 계신 것 같아 2025년 5월 기준 제가 해결한 방법을 공유드리려고 올려둡니다! React Native 공식 문서는 최신이 아닌 0.73 버전으로 확인합니다 => 0.73 버전 안내 링크 프로젝트 생성시에는 @latest 가 아닌 0.73 버전으로 설치를 합니다 npx react-native@0.73 init 사용하실프로젝트명 --version 0.73 설치되어 있는데도 CLT가 기본 설정이면, Xcode 경로로 전환해줘야 합니다 터미널에서 xcode-select -p 를 입력해서 경로를 확인합니다. 만일 결과가 /Library/Developer/CommandLineTools 이렇게 되어있다면 오류가 나는 원인 중 하나입니다! 이 경우 아래 3-b 순서를 통해 변경해줘야 합니다 터미널에서 sudo xcode-select -s /Applications/Xcode.app/Contents/Developer 를 입력해 경로를 변경해줍니다 터미널에서 xcode-select -p 를 입력해 /Applications/Xcode.app/Contents/Developer 와 같이 경로가 변경되었는지 확인해줍니다 여기까지 한 후에도 npm start 가 오류가 발생하면 cd ios rm -rf Pods Podfile.lock pod install cd .. 이를 통해서 cocoapod 관련 찌꺼기를 없애고, bundle install 를 해서 필요한 gem 들을 다시 .install 해줍니다. 이렇게 한 후 npm start 를 하여 오류를 수정했었습니다! IOS 는 또 어떤 요류로 잘 안 될 수 있는지 모르니 .. 그냥 최신 버전으로 하고 강의 내용을 최신 버전에 맞추는게 현명할지도..
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안드로이드 윈도우로 개발중에 있습니다 강의를 보면 <Button/> 컴포넌트 <Text/> 컴포넌트 추가하면 자동으로 import 부분에 추가가 되던데 전 안되서.. 혹시 어떤 설정해야하나요? 아님 어떤 Extension 설치해야하나요?? /** * Sample React Native App * https://github.com/facebook/react-native * * @format */ import React from 'react'; import {Button, StyleSheet, Text, View} from 'react-native'; function App(): React.JSX.Element { return ( <View style={styles.conatiner}> <Text>텍스트</Text> <Button title="버튼이름" /> </View> ); } const styles = StyleSheet.create({ conatiner: { backgroundColor: 'red', }, }); export default App;
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 lecture/섹션-수업코드 github 404 뜨더라구요ㅜ
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요. 강의 내용을 따라 하다가 갑자기 맵에서 onLongPress 가 동작 하지 않는데 혹시 어떤 컴포넌트에서 long press 이벤트를 가지고 가는지? 관련 디버깅 방법이 있을까요?
