inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

nativeAppKey 인식 안되는 이유로 eas build 실패

미해결

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

✘ chaejinjeong😝  ~/Desktop/lukas/Study/reactnative/zerocho/threads  ↱ main ±  eas build --profile development --platform android ★ eas-cli@16.17.0 is now available. To upgrade, run: npm install -g eas-cli Proceeding with outdated version. Failed to read the app config from the project using "npx expo config" command: npx expo config --json exited with non-zero code: 1. Falling back to the version of "@expo/config" shipped with the EAS CLI. [@react-native-kakao/core] 'nativeAppKey' missing in expo config plugin value Error: build command failed. 현재 강의 따라하다가 app.config.js 로 app.json이 바뀌어있는 상태인데 config.js 에서는 환경변수로 값이 인식이 안되나요 ? Expo 프로젝트에 환경변수는 등록이 되어있는 상태입니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 2 좋아요 0 조회수 214

위 링크에서 modal.tsx 만 다음 코드로 바꾼 후 실습 진행하시면 됩니다.

미해결

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

https://github.com/ZeroCho/threads-clone/tree/9313da137d2520c8a336e9add8ec61a776bca4e4/app 위 링크에서 modal.tsx 만 다음 코드로 바꾼 후 실습 진행하시면 됩니다. 이렇게 되어 있을 때, 해당 링크에 있는 파일을 다운로드 할 수 있나요? 아니면 해당 링크에 들어가서, 파일 하나하나 접근해서 파일 하나씩 다운로드를 하는건가요? 죄송합니다. 무슨 말인지 모르겠어요.

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

이미지 파일의 경로 설정에 대한 질문입니다.

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

src 폴더 안에 pages폴더와 assets폴더가 있는데 왜 경로를 ../../assets 이렇게 잡아야 하는 거죠? .. 을 두 번 쓰면 두 번 위로 올라가는 거니까 src 폴더 밖에서 assets 폴더를 찾겠다는 거 아닌가요?

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
yosemyti 댓글 2 좋아요 0 조회수 128

vite 리액트 설치에 대해 질문있습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 리액트 설치 에러에 대해 질문이 있습니다. 원래 vite로 리액트를 설치해서 잘 사용하고 있었는데 어제 새로운 프로젝트를 할려고 vite로 리액트를 설치했고 npm i 명령어로 node_modules를 받은 후 npm run dev로 실행을 하니 이미지처럼 오류가 계속 나더라구요. 그래서 저 에러에 대해 이것저것 찾아보니 node버전 문제라고 나오는데 현재 버전은 v20.11.1 인데 뭐가 문제인건지 모르겠습니다.

  • javascript
  • react
  • node.js
부드러운 족제비 댓글 3 좋아요 0 조회수 327

17강 강의중 문의드립니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

안녕하세요 강의 실습중 문의드립니다. 강의랑 똑같이 하던중에 저에게만 에러가 나는부분이 있어 문의드립니다. @Override public Long register(TodoDTO todoDTO) { Todo todo = dtoToEntity(todoDTO); dtoToEntity에서 에러가 발생합니다. Cannot invoke "java.lang.Long.longValue()" because the return value of "com.project.reactserver.dto.TodoDTO.getTno()" is null 에러가 발생하는데 당연히 tno값을 안넣었으니 null인데 강사님 강의에서는 잘 진행이 되는데 뭐가 문제인지.. 물론 TodoDTO에는 @Data 어노테이션도 작성했고 Setting에서 어노테이션 활성도 확인했습니다.

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
댓글 2 좋아요 0 조회수 85

faker 라이브러리 설치 후 오류 발생

미해결

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

'c:/Users/swu/threads-clone/node_modules/@faker-js/faker/tsconfig.json' 구성 파일에서 입력을 찾을 수 없습니다. 지정된 '포함' 경로는 '["src/**/*"]'이고 '제외' 경로는 '["node_modules"]'이었습니다. 처음에 오류가 발생해서 npm uninstall @faker-js/faker 로 한 번 지웠다가 다시 npm i @faker-js/faker 로 설치했는데 이런 오류가 발생합니다 ㅜㅜ 지웠다가 설치해서 이런 오류가 발생하는 걸까요?

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

카카오 로그인이 안됨

해결됨

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

LOG key: Xo8WBi6jzSxKDVR4drqm84yr9iU= ERROR [Error: invalid android_key_hash or ios_bundle_id or web_site_url] key는 잘 받아오는데 로그인이 안됩니다.. const onKakaoLogin = async () => { try { console.log("key: ", await getKeyHashAndroid()); const result = await kakaoLogin(); console.log(result); const user = await me(); console.log(user); // TODO: save the token to server } catch (error) { console.error(error); } }; 현재 사용 중인 코드입니다.

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

npm run android 시 에러

해결됨

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

reactive kakao login docs를 보고 설치하고 강의따라 kakako core,user 설치했는데, 아래와같은 에러가 계속 발생합니다 > Configure project :react-native-reanimated Android gradle plugin: 8.8.2 Gradle: 8.13 [Incubating] Problems report is available at: file:///Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/build/reports/problems/problems-report.html FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:processDebugResources'. > Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath'. > Could not find com.kakao.sdk:v2-common:2.20.1. Searched in the following locations: - file:/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/react-native/android/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://dl.google.com/dl/android/maven2/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://repo.maven.apache.org/maven2/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://www.jitpack.io/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom - https://central.sonatype.com/repository/maven-snapshots/com/kakao/sdk/v2-common/2.20.1/v2-common-2.20.1.pom Required by: project :app > project :react-native-kakao_core > Could not find com.kakao.sdk:v2-user:2.20.1. Searched in the following locations: - file:/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/react-native/android/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://dl.google.com/dl/android/maven2/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://repo.maven.apache.org/maven2/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://www.jitpack.io/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom - https://central.sonatype.com/repository/maven-snapshots/com/kakao/sdk/v2-user/2.20.1/v2-user-2.20.1.pom Required by: project :app > project :react-native-kakao_user * 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. Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. For more on this, please refer to https://docs.gradle.org/8.13/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation. BUILD FAILED in 6s 33 actionable tasks: 5 executed, 28 up-to-date Error: /Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a exited with non-zero code: 1 Error: /Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a exited with non-zero code: 1 at ChildProcess.completionListener (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/spawn-async/src/spawnAsync.ts:67:13) at Object.onceWrapper (node:events:622:26) at ChildProcess.emit (node:events:507:28) at maybeClose (node:internal/child_process:1101:16) at Process.ChildProcess._handle.onexit (node:internal/child_process:305:5) ... at spawnAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/spawn-async/src/spawnAsync.ts:28:21) at spawnGradleAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/cli/src/start/platforms/android/gradle.ts:134:28) at assembleAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/cli/src/start/platforms/android/gradle.ts:83:16) at runAndroidAsync (/Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/node_modules/@expo/cli/src/run/android/runAndroidAsync.ts:62:24) node_modules 모두 삭제하고 설치해도 똑같습니다 npx expo install --fix 로도 호환이 안맞춰지는 것 같습니다. 패키지는 설치되어있는 것 확인했습니다. 제 진행중인 코드 입니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 2 좋아요 0 조회수 164

props 에 불이 안켜지죠...?

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

불이 왜 안켜지는거죠...?

  • javascript
  • react
  • node.js
이길이내길 댓글 2 좋아요 0 조회수 134

17강 질문

해결됨

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

강의 17 부터는 서버와 데이터베이스가 따로 필요한걸까요? 서버를 따로 구축해야 되는지, 데이터베이스를 추가로 설치해야 되는건지 궁금합니다

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

섹션6 헤더 마크업 - zustand 적용에 오류가 발생합니다

미해결

Next.js App router 기반 Chat GPT 만들기

// model.ts import { create } from 'zustand'; type State = { model: string; }; type Action = { updateModel: (model: State['model']) => void; }; const useModelStore = create<State & Action>((set) => ({ model: 'gpt-3.5-turbo', updateModel: (model) => set(() => ({ model })), })); export { useModelStore }; // ModelSelect.tsx 'use client'; import { useModelStore } from '@/store/model'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'; const MODELS = ['gpt-3.5-turbo', 'gpt-4', 'gpt-4o']; export default function ModelSelect() { const { model: currentModel, updateModel } = useModelStore((state) => ({ model: state.model, updateModel: state.updateModel, })); const handleChange = (selectModel: string) => { updateModel(selectModel); }; return ( <Select value={currentModel} onValueChange={handleChange}> <SelectTrigger className="w-[180px] border-none focus:ring-transparent"> <SelectValue placeholder="모델 선택" /> </SelectTrigger> <SelectContent> {MODELS.map((model) => ( <SelectItem key={model} value={model} disabled={currentModel === model}> {model} </SelectItem> ))} </SelectContent> </Select> ); } 위 코드 적용 결과 아래와 같은 무한반복 에러가 발생합니다. 강의 내용과 비교해 보아도 문제를 찾지 못했습니다 ㅜㅜ

  • react
  • typescript
  • next.js
  • tailwindcss
  • zustand
  • chatgpt
댓글 2 좋아요 0 조회수 152

[Next.js] 데이터 스트리밍에 대한 문의드립니다.

해결됨

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

페이지단위, 컴포넌트 단위로 스트리밍은 이해되는데, 만약 테이블에 데이터를 불러오는데, 데이터가 100만개 이럴때 테이블의 첫 페이지에 20개만 불러오고 이런 식으로 동작하게 할 수 있는 스트리밍 방식이 있을까요?

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

day17과제중 Context 객체생성 오류발생했습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

day17과제하던중에, Context 객체 생성하는데 오류가 발생했습니다. export를 붙여서 진행하면 화면과 같이 오류가 발생하고, export를 제외하면 랜더링할때 빈화면이 나옵니다. 다른컴퍼넌트에는 useContext이용해서 함수 공급받는거 작성했습니다. import "./App.css" import Header from "./components/Header" import ContactEditor from "./components/ContactEditor" import List from "./components/List" import {useState, useRef, useCallback, createContext, useMemo} from 'react' const mockData = [ //임시데이터라는 뜻(mockData) { id: 0, name: "이정환", email: "king32@gmail.com" }, { id: 1, name: "김정환", email: "queen25@gmail.com" }, { id: 2, name: "하정환", email: "prince13@gmail.com" }, ] export const ContactStateContext = createContext(); export const ContactDispatchContext = createContext(); function App() { const [contact, setContact] = useState(mockData); const idRef = useRef(3) const onCreate = useCallback((name,email)=>{ const newContact = { id: idRef.current++, name: name, email: email, }; setContact([newContact, ...contact ]); },[]); const onDelete = useCallback((targetId) => { setContact(contact.filter((it) => it.id!== targetId)); },[]) const memoizedDispatch = useMemo( ()=>({onCreate, onDelete}),[] ); return( <div className="App"> <Header /> <ContactStateContext.Provider value={contact}> <ContactDispatchContext.Provider value={memoizedDispatch}> <ContactEditor /> <List /> </ContactDispatchContext.Provider> </ContactStateContext.Provider> </div> ) } export default App;

  • react
  • day17
ddorri83 댓글 1 좋아요 0 조회수 65

tailwinde-css

해결됨

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

궁금한 점 : @apply 핑크로 변하지 않아도 실행은 됩니다! 상관 없는걸까요?? styles.module.css tailwind.config

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

강의노트가 자료에 있는건가요..? (답변이 늦어져도 괜찮습니다)

해결됨

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

https://webzz.tistory.com 링크를 강의노트에 넣어놓을테니 꼭 확인 부탁드린다고 하셨는데 1. 자료안에 강의 노트가 안보입니다 2. https://webzz.tistory.com 이 사이트는 쿠팡 파트너스 사이트 같습니다ㅠㅠ

  • react
  • aws
  • docker
  • spring-boot
  • github-actions
emma0987 댓글 2 좋아요 1 조회수 205

.

미해결

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

.

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

로그인 성공시

미해결

스프링 부트와 리액트로 구현하는 소셜 로그인

로그인 성 공시 defaultSuccessUrl 에서는 "/todos" 로 설정하고 successHandler의 CustomLoginSuccessHandler 에서는 "/" 로 되어 있을때 어디로 리다이렉트 되어야하나요? 설명에는 defaultSuccessUrl 가 우선순위라고 하셨는데, 실행해보면 / 로 갑니다.

  • react
  • java
  • spring-boot
  • jpa
  • spring-security
thbnsig 댓글 2 좋아요 0 조회수 98

강의 자료 다운

미해결

따라하며 배우는 리액트 네이티브 기초

안녕하세요 강의때 사용하시는 강의 노트 자료는 어디서 다운 받으면 되나요? (설명하실 때 사용하시는 자료 문의드립니다. ) 소스코드는 다운 받기가 가능한데 강의때 사용하시는 pdf 인지는 모르겠지만 어디서 다운받을 수 있나요? 만약에 없으면 강의때 링크 클릭해서 들어가시던데 그 링크는 따로 강의마다 딸려 있을까요? 답변 부탁드립니다.

  • react
  • react-native
  • expo
kimdk1406 댓글 1 좋아요 0 조회수 118

SocialLoginWeb1303 소스 제공해 주시면 안되나요?

미해결

스프링 부트와 리액트로 구현하는 소셜 로그인

SocialLoginWeb1303 소스 제공해 주시면 안되나요?

  • react
  • java
  • spring-boot
  • jpa
  • spring-security
유종훈 댓글 1 좋아요 0 조회수 116

수업 관련 질문

미해결

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

안녕하세요 제가 지금 토이프로젝트로 8월 말까지 앱의 mvp 기능을 만들고 싶어서 expo 강좌를 수강 신청 및 수강하게 되었습니다 제가 웹, 앱에 대한 지식이 전혀 없어서 gpt한테 물어보면서 진행을 해도 잘 이해하면서 하고 있지는 않은 것 같습니다 핵심개념들이 없는 것 같습니다 react, ts를 공부해야 이해가 될까요 ..?

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

인기 태그

인프런 TOP Writers

주간 인기글