inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

쇼핑몰관련 질문드립니다.

미해결

(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

쇼핑몰 만들기 부분을 보고 있는데요, 상품상세페이지 만드는데서 막히네요. 메인에서 제품을 누르면 로그인화면이 뜨고 로그인을 하면 다시 메인으로 가는거까지는 되었는데요, 거기서 다시 목록을 누르면 콘솔창에 해당하는 id정보가 나와야 하는데 App.jsx 에서 에러가 난다고 하는데 그대로 따라한 파일이라 어디가 틀린건지 잘 모르겠네요 import React, { useEffect } from 'react'; import { useParams } from 'react-router-dom'; const ProductDetail = () => { let {id} = useParams(); const getProductDetail = async () => { let url = `http://localhost:5000/products/${id}`; let response = await fetch(url); let data = await response.json(); console.log(data); }; useEffect(()=>{ getProductDetail(); },[]); return ( <div></div> ) } export default ProductDetail; import './App.css'; import 'bootstrap/dist/css/bootstrap.min.css'; import { useEffect, useState } from 'react'; import { Routes, Route } from 'react-router-dom'; import ProductAll from './page/ProductAll'; import Login from './page/Login'; import ProductDetail from './page/ProductDetail'; import Navbar from './component/Navbar'; import PrivateRoute from './route/PrivateRoute'; function App() { const [authenticate, setAuthenticate] = useState(false); //true이면 로그인이 됨, false이면 로그인이 안됨 useEffect(()=>{ console.log('aaa',authenticate); },[authenticate]); //값이 바뀔때마다 return ( <div> <Navbar/> <Routes> <Route path="/" element={<ProductAll/>}/> <Route path="/login" element={<Login setAuthenticate={setAuthenticate}/>}/> <Route path="/product/:id" element={<PrivateRoute authenticate={authenticate}/>}/> </Routes> </div> ) } export default App; <Route path="/product/:id" element={<PrivateRoute authenticate={authenticate}/>}/> 이부분이 에러가 뜨는거 같아요

  • react
  • redux
  • web-api
댓글 2 좋아요 1 조회수 104

프로젝트 생성 오류

미해결

파이썬으로 마케팅 자동화하기

위와 같이 설정하니 아래와 같이 떠요

  • python
  • selenium
best_support 댓글 1 좋아요 0 조회수 103

그랩님,[꼭] 답변 부탁드립니다.

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

*먼저 이 질문의 글을 그랩님께서 보신다면, [꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다. https://inf.run/FB4N9 링크부터 본 뒤 답변을 그 게시물에 해 주신 후 이 질문 글 아래에도 답변 을 부탁 드립니다. 그랩님, 좋은 강의 잘 듣고 있습니다. 다름이 아니라, 아래 질문글에서 단 하나도 수정한 것 없이 몇일 뒤 재부팅만 해주었는데요, VS CODE에서 실행을 해주면 아래와 같이 에러도 줄어들어들었습니다. 그리고 위 그림에서 축구공을 누르면 '상품 상세 페이지'가 아무리 기다려도 뜨지 않고 오른쪽에 에러 가 발생 합니다. 에러 발생 스샷 아래 첨부 합니다. ( 참고로 이전에는 상품 상세 페이지의 상품 정보를 받고 있습니다...가 에러 없이 내용을 잘 불러왔었습니다 . 그런데 왜 지금은 아무리 기다려도 내용을 불러오지 못하는 이유를 모르겠습니다. ) 오른쪽에 에러를 해결하여 상품 정보를 받고 있습니다... 내용이 불러오게 하려면 어떻게 해야 하나요 ? ------------------------------------------------------------------------------------------------- 또한 79강 강의 2분 56초 부터 3분 32초 보면, POSTMAN 테스트 를 하는 부분이 나오는데, 여기서 아래 사진을 보면[왼쪽 메뉴 get product] Body 부분에서 그랩 강사님 화면과 다르게 뜨는데, 이것은 왜 그런 건가요? 어떻게 해야 http://localhost:8080/products/1 , http://localhost:8080/products/2 , http://localhost:8080/products/3 을 제대로 작동하게 할 수 있나요? 마지막으로 [참고 사진]으로 POSTMAN의 잘 작동하는 [get products]사진 첨부해 봅니다. 어떻게 해야 이 모든 에러 를 해결 할 수 있을지에 대해 자세한 답변 부탁 드립니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
isbcom1004 댓글 1 좋아요 0 조회수 94

언제부터 영상을 볼수 있나요?

해결됨

[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

언제부터 영상을 볼수 있나요? 공지를 해주세요

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
사랑2 댓글 2 좋아요 0 조회수 98

matplotlib 등 사전 빌드된 휠이 부족하다는데 gpt가 하라는대로 진행해도 될까요?!

해결됨

(GPT-5) 챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

안녕하세요! 막 시작해서 따라해보고 있습니다! 변동성 돌파 전략 처음부터 오류가 생겨서요~ gpt가 말하는 문제점인데 gpt가 준 해결책 그대로 해도 될까요?! 강사님이랑 처음부터 똑같이 진행했는데 왜 오류가 날까요? 문제점 VS Code 터미널이 conda로 초기화되지 않음 그래서 conda , pip 명령이 “인식 안 됨”으로 자주 터짐. VS Code에서 인터프리터(kiwoom_32)를 골라도, 터미널 PATH는 따로라서 설치가 다른 환경에 들어가거나 아예 실패. 32비트(Win32) + Python 3.10 환경 이 조합에서 matplotlib 등 사전 빌드된 휠 이 부족함. pip install matplotlib → 소스 빌드 시도 → C/C++ 컴파일러 없음 으로 실패. 결과적으로 pandas / numpy 도 버전 호환에 민감, 설치가 꼬임. 그 상태에서 스크립트 실행 pandas 가 설치되지 않은 kiwoom_32로 kiwoom.py 실행 → ModuleNotFoundError: No module named 'pandas' . 해결책 : 가장 안정적 (추천) 분석/백테스트는 64비트 , 키움 주문은 32비트로 분리.

  • python
  • 인공지능(ai)
  • chatgpt
  • ai-활용-(ax)
oorm 댓글 2 좋아요 0 조회수 122

[교재] 질문입니다.

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

인강과 교재를 구매해서 듣고 있습니다. 교재에 Chapter3 작업형1 연습문제(p164)를 풀고 싶은데, 파일들을 어디서 받을수 있을까요? type1_data1.csv를 읽을수가 없어서 1번부터 못풀고 있습니다 ㅠㅠ

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
댓글 2 좋아요 0 조회수 68

챌린지 시작전 먼저 강의 볼 수 없나요?

해결됨

[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

챌린지 시작전 먼저 강의 볼 수 없나요?

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
최영찬 댓글 2 좋아요 0 조회수 85

정보처리산업기사

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

안녕하세요 저는 정보처리산업기사를 준비 중인데, 실수로 이 강의(정보처리기사 실기)를 수강 신청했습니다. 산업기사 준비에도 도움이 될까요? 혹시 산업기사 준비생이 꼭 봐야 할 목차(파트)가 있다면 알려주시면 감사하겠습니다.

  • python
  • java
  • c
  • 정보처리기사
조현우 댓글 1 좋아요 0 조회수 93

Message a model 노드 에러

미해결

퇴근 2시간 당기는 자동화, 코딩 몰라도 됩니다

안녕하세요. 쭉 따라하다가 마지막 노드에서 동일한 프롬프트를 작성했는데, 할당량이 초과 에러 메시지가 계속 발생합니다. 이 노드에서 막혀서 진도가 안 나가는데, 해결방법이 있을까요?

  • python
  • excel
  • no-code
  • n8n
  • 인공지능(ai)
배성우 댓글 2 좋아요 0 조회수 115

출력질문

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

14:48 에서 만약 i % 2=0이였으면 0부터 10까지의 홀수 : 0 2 4 6 8 10 이렇게 출력되는게 맞을까요?

  • python
  • java
  • c
  • 정보처리기사
이진우 댓글 2 좋아요 0 조회수 57

강의 난이도에대해서

미해결

[React / VanillaJS] UI 요소 직접 만들기 Part 1

혹시 강의 난이도에 대해서 문의드리고싶은데... 저만 어렵게 느껴지는건...아니겠죠..?

  • react
  • typescript
  • dom
  • ui
  • vanilla-js
프론트엔드마스터 댓글 1 좋아요 0 조회수 143

.

미해결

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

.

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

강의 잘듣고있습니다. next js에서 src 폴더 및에 폴더들 이름 정의할때 첫글자를 대문자로하는 이유가있나요?

미해결

내가 타이타닉에 탔었다면?! PyTorch & Next.js로 생존 확률 예측 AI 웹 서비스 만들기

또한 next에서 실습시 사용한 폴더구조는 어떤 구조이며 , 상용화된 구조인가요? 궁금합니다. 추가로 닭강정님 강의 잘 듣고있습니다. 이번강의 완독후 electron 강의도 학습하려고하는데 프론트 프레임워크가 해당강의는 next인데 , electron강좌는 react인것같더라구요 next도 electron을 통해서 포팅가능한가요?

  • python
  • 딥러닝
  • pytorch
  • next.js
  • FastAPI
락곤 댓글 2 좋아요 0 조회수 138

end point 생성 관련 질문드립니다!

해결됨

컴퓨터 비전 이상 탐지, 개발부터 배포까지 올인원 마스터

강사님 안녕하세요, end point를 생성하는 과정에서 문제가 생겨 문의드립니다. 다른 분 댓글에서 알려주신대로 "user model for inference"에서 create endpoint를 하려고 하면 버튼이 동작하지를 않아서요ㅜㅜ 버튼을 누르면 이런 404 에러가 뜹니다. databricks region은 East US로 잘 설정되어있고 end point이름도 설정하였는데 왜 이런 오류가 나는지 조언 구할 수 있을까해서 댓글 남깁니다! 감사합니다 :)

  • python
  • 머신러닝
  • 딥러닝
  • azure-databricks
  • 인공지능(ai)
다니 댓글 4 좋아요 0 조회수 155

React.lazy()

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

서비스를 보다보면 상품 리스트의 "더보기"나 상품 상세 설명에서의 "더보기" 와 같은 기능이 있는데, 이럴 때 React.lazy() 가 사용되는 건가요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
챙준 댓글 2 좋아요 0 조회수 67

섹션5부터...

미해결

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

섹션5부터 자바 프로젝트가 완전 바뀌어 있는데 만들어야될 db정보도 없고... 어찌해야 할지 모르겠네요...

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
feelsagood 댓글 1 좋아요 0 조회수 96

[소셜 로그인 16강] 로그인 실패 시 리다이렉트 관련 질문

미해결

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

16강을 수강하고 있습니다. CustomLoginFailureHandler 사용자가 로그인에 실패했을 때 호출되는 메서드에 대한 질문입니다. if(savedRequest != null) { String targetUrl = savedRequest.getRedirectUrl(); //사용자가 접근하려던 URL // 즉, 로그인에 실패했지만 사용자를 원래 있던 페이지로 보내줌 // 실패 시 사용자가 접근하려던 URL 로그 출력 log.info("[핸들러 - 사용자가 접근 시도한 URL]\n-> " + targetUrl); // 사용자가 접근하려던 URL로 리다이렉트 (로그인 실패 후에도 이동) response.sendRedirect(targetUrl); } 그런데 if문의 마지막 줄을 보면 로그인 실패 후에도 targetUrl 즉, 사용자가 접근하려했던 페이지로 이동시킨다고 작성 되어 있는데 ... 로그인 실패 시에도 targetUrl로 리다이렉트시키는 이유가 뭔가요?? 로그인에 실패하면 로그인 페이지에 남아있어야 하는 것 아닌가요 ...?

  • react
  • java
  • spring-boot
  • jpa
  • spring-security
정수현 댓글 2 좋아요 0 조회수 100

Map 강의 누락된 것 같습니다.

해결됨

프론트엔드 마스터클래스

안녕하세요! 강의가 누락된 것 같아 글 작성합니다. 확인부탁드릴게요! 30강 Map 강의로부터 31강까진 문제없이 연결되는데, 32. WeakRef + FinalizationRegisty 강의시작부터 연결이 매끄럽지 못합니다. 뜬금없이 대안?에 대해서 나오는데 Map 예제부분과 WeakMap 부분이 누락된것같습니다.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
모던 댓글 2 좋아요 0 조회수 185

브라우저의 렌더링 과정 질문

미해결

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

좋은 강의 감사합니다. React.js 소개 부분을 보며 궁금한점이 있어 문의드립니다. 화면 업데이트 관련 브라우저 렌더링 과정은 React.js뿐 아니라 Vue.js에서도 동일하게 적용되나요? 예를들면, Virtual Dom에서 한번에 모아 Actual DOM에 적용되는 방식등이요

  • javascript
  • react
  • node.js
  • 카카오공채-개발
kmh880507 댓글 2 좋아요 0 조회수 83

Context API 리랜더링 방지를 위한 Memoization에 대한 질문

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

계속해서 학습을 진행중인데, 함수값을 넘길때에는 useCallback을 사용해야한다는 것으로 알고있었는데, >>밑에는 실제 강의 중 공유해 주신 ContextProvider 안에 함수들 const increment = () => { setCount((count) => count + 1); }; const decrement = () => { setCount((count) => count - 1); }; const reset = () => { setCount(0); }; const memoization = useMemo(()=>({ increment, decrement, reset }),[]); >>제가 생각했던 방식 const increment = useCallback(() => { setCount((count) => count + 1); },[]); const decrement = useCallback(() => { setCount((count) => count - 1); },[]); const reset = useCallback(() => { setCount(0); },[]); const memoization = useMemo(()=>({ increment, decrement, reset }),[increment, decrement, reset]); 저는 밑에 memoization 변수를 빼고 바로 useCallback을 이용해서 객체값으로 넘겨주는 식으로 작성해야 한다고 생각을 했었습니다. 코드를 작성하는 방법에는 정답은 없지만, 당장은 기본에 입각한 학습을 해야하기에 어떤 방법이 조금 더 효율적인지 여쭤보고 싶습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
유키 댓글 2 좋아요 0 조회수 68

인기 태그

인프런 TOP Writers

주간 인기글