묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React Native with Expo: 제로초에게 제대로 배우기
react expo 윈도우에서는 로컬 빌드 해서 apk 못 뽑나요??
윈도우에서 react expo로 앱을 만든 후 애뮬에 배포하는거말고 윈도우 하드디스크에 apk를 받고싶어서 npx eas build -p android --profile preview --local 이라고 명령어 실행하면 Unsupported platform, macOS or Linux is required to build apps for Android Error: build command failed. 이렇게 뜨는데 제가 잘못한게 있을까요? 아니면 맥북에서만 로컬 빌드가 가능한건가요?? eas 온라인 빌드는 한달 30회 제한도 있고 큐에 쌓이고 기다리는 시간이 너무 길어서 apk 추출해서 실기기에 넣고싶은데 윈도우에서는 방법이 없을까요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
nativeAppKey 인식 안되는 이유로 eas build 실패
✘ 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 Native with Expo: 제로초에게 제대로 배우기
위 링크에서 modal.tsx 만 다음 코드로 바꾼 후 실습 진행하시면 됩니다.
https://github.com/ZeroCho/threads-clone/tree/9313da137d2520c8a336e9add8ec61a776bca4e4/app위 링크에서 modal.tsx 만 다음 코드로 바꾼 후 실습 진행하시면 됩니다.이렇게 되어 있을 때, 해당 링크에 있는 파일을 다운로드 할 수 있나요?아니면 해당 링크에 들어가서, 파일 하나하나 접근해서 파일 하나씩 다운로드를 하는건가요?죄송합니다. 무슨 말인지 모르겠어요.
-
해결됨React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
이미지 파일의 경로 설정에 대한 질문입니다.
src 폴더 안에 pages폴더와 assets폴더가 있는데 왜 경로를 ../../assets 이렇게 잡아야 하는 거죠? .. 을 두 번 쓰면 두 번 위로 올라가는 거니까 src 폴더 밖에서 assets 폴더를 찾겠다는 거 아닌가요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
vite 리액트 설치에 대해 질문있습니다.
안녕하세요 리액트 설치 에러에 대해 질문이 있습니다. 원래 vite로 리액트를 설치해서 잘 사용하고 있었는데 어제 새로운 프로젝트를 할려고 vite로 리액트를 설치했고 npm i 명령어로 node_modules를 받은 후 npm run dev로 실행을 하니 이미지처럼 오류가 계속 나더라구요. 그래서 저 에러에 대해 이것저것 찾아보니 node버전 문제라고 나오는데 현재 버전은 v20.11.1 인데 뭐가 문제인건지 모르겠습니다.
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
17강 강의중 문의드립니다.
안녕하세요 강의 실습중 문의드립니다. 강의랑 똑같이 하던중에 저에게만 에러가 나는부분이 있어 문의드립니다.@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 Native with Expo: 제로초에게 제대로 배우기
faker 라이브러리 설치 후 오류 발생
'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 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 Native with Expo: 제로초에게 제대로 배우기
npm run android 시 에러
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.js) : 기초부터 실전까지
props 에 불이 안켜지죠...?
불이 왜 안켜지는거죠...?
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
17강 질문
강의 17 부터는 서버와 데이터베이스가 따로 필요한걸까요?서버를 따로 구축해야 되는지, 데이터베이스를 추가로 설치해야 되는건지 궁금합니다
-
미해결Next.js App router 기반 Chat GPT 만들기
섹션6 헤더 마크업 - zustand 적용에 오류가 발생합니다
// 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> ); } 위 코드 적용 결과 아래와 같은 무한반복 에러가 발생합니다. 강의 내용과 비교해 보아도 문제를 찾지 못했습니다 ㅜㅜ
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
[Next.js] 데이터 스트리밍에 대한 문의드립니다.
페이지단위, 컴포넌트 단위로 스트리밍은 이해되는데, 만약 테이블에 데이터를 불러오는데, 데이터가 100만개 이럴때 테이블의 첫 페이지에 20개만 불러오고 이런 식으로 동작하게 할 수 있는 스트리밍 방식이 있을까요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
day17과제중 Context 객체생성 오류발생했습니다.
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;
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
tailwinde-css
궁금한 점 : @apply 핑크로 변하지 않아도 실행은 됩니다! 상관 없는걸까요??styles.module.csstailwind.config
-
해결됨이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)
강의노트가 자료에 있는건가요..? (답변이 늦어져도 괜찮습니다)
https://webzz.tistory.com 링크를 강의노트에 넣어놓을테니 꼭 확인 부탁드린다고 하셨는데 1. 자료안에 강의 노트가 안보입니다2.https://webzz.tistory.com 이 사이트는 쿠팡 파트너스 사이트 같습니다ㅠㅠ
-
미해결React Native with Expo: 제로초에게 제대로 배우기
nativeAppKey가 없다는 오류가 뜹니다
yarn info react version19.1.0yarn info react-native version0.80.1yarn info expo version53.0.20제로초님 안녕하세요! 강의 내용과 똑같이 환경변수를 설정하고 ios eas build를 하는 과정에서 nativeAppKey 환경변수를 읽어오지 못하는 상황이 계속 발생합니다. expo 대시보드의 프로젝트 환경변수에도사진과 같이 등록해놓은 상태이고, eas build --profile development --platform ios 커맨드를 실행했을때 아래와 같이 에러나 나는 상황입니다. .env를 .gitIgnore에서 잠깐 제거하고 빌드해도 동일하게 에러가 납니다..!!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.// app.config.js[ '@react-native-kakao/core', { nativeAppKey: process.env.KAKAO_APP_KEY, android: { authCodeHandlerActivity: true, }, ios: { handleKakaoOpenUrl: true, }, }, ], ... 생략 extra: { kakaoAppKey: process.env.KAKAO_APP_KEY, router: {}, eas: { projectId: '...생략', }, },// eas.json{ "cli": { "version": ">= 16.10.0", "appVersionSource": "remote" }, "build": { "development": { "developmentClient": true, "distribution": "internal", "ios": { "simulator": true } }, "preview": { "distribution": "internal" }, "production": { "autoIncrement": true } }, "submit": { "production": {} } } // src/app/_layout.tsxuseEffect(() => { initializeKakaoSDK(Constants.expoConfig?.extra?.kakaoAppKey as string); }, []); 도움 주시면 감사하겠습니다 🙏🏻
-
미해결스프링 부트와 리액트로 구현하는 소셜 로그인
로그인 성공시
로그인 성공시defaultSuccessUrl 에서는 "/todos" 로 설정하고successHandler의 CustomLoginSuccessHandler 에서는 "/" 로 되어 있을때 어디로 리다이렉트 되어야하나요?설명에는 defaultSuccessUrl 가 우선순위라고 하셨는데, 실행해보면 / 로 갑니다.
-
미해결따라하며 배우는 리액트 네이티브 기초
강의 자료 다운
안녕하세요 강의때 사용하시는 강의 노트 자료는 어디서 다운 받으면 되나요? (설명하실 때 사용하시는 자료 문의드립니다. ) 소스코드는 다운 받기가 가능한데 강의때 사용하시는 pdf 인지는 모르겠지만어디서 다운받을 수 있나요? 만약에 없으면 강의때 링크 클릭해서 들어가시던데 그 링크는 따로 강의마다 딸려 있을까요? 답변 부탁드립니다.
-
미해결스프링 부트와 리액트로 구현하는 소셜 로그인
SocialLoginWeb1303 소스 제공해 주시면 안되나요?
SocialLoginWeb1303 소스 제공해 주시면 안되나요?