inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

login페이지에서 i/flow/login으로 인터셉팅 라우팅 할 때 동작은 하는데 console창에 에러가 뜹니다.

미해결

Next + React Query로 SNS 서비스 만들기

login버튼을 클릭했을 때 처음에 login페이지에 갔다가 replace로 인해서 i/flow/login으로 갈 때 인터셉팅 라우팅이 적용되어 페러렐 라우트를 사용한 (.)i/flow/login으로 이동하게 되는것 까지 이해하고 적용을 시켰고 이동은 잘 하지만 아래와 같은 에러가 발생합니다. 아래는 저의 LoginModal.tsx 코드입니다. "use client"; import { useState } from "react"; import style from "@/app/(beforeLogin)/_component/login.module.css"; import { useRouter } from "next/navigation"; export default function LoginModal() { const [id, setId] = useState(); const [password, setPassword] = useState(); const [message, setMessage] = useState(); const router = useRouter(); const onSubmit = () => {}; const onClickClose = () => { router.back(); }; const onChangeId = () => {}; const onChangePassword = () => {}; return ( <div className={style.modalBackground}> <div className={style.modal}> <div className={style.modalHeader}> <button className={style.closeButton} onClick={onClickClose}> <svg width={24} viewBox="0 0 24 24" aria-hidden="true" className="r-18jsvk2 r-4qtqp9 r-yyyyoo r-z80fyv r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-19wmn03" > <g> <path d="M10.59 12L4.54 5.96l1.42-1.42L12 10.59l6.04-6.05 1.42 1.42L13.41 12l6.05 6.04-1.42 1.42L12 13.41l-6.04 6.05-1.42-1.42L10.59 12z"></path> </g> </svg> </button> <div>로그인하세요.</div> </div> <form onSubmit={onSubmit}> <div className={style.modalBody}> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="id"> 아이디 </label> <input id="id" className={style.input} value={id} onChange={onChangeId} type="text" placeholder="" /> </div> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="password"> 비밀번호 </label> <input id="password" className={style.input} value={password} onChange={onChangePassword} type="password" placeholder="" /> </div> </div> <div className={style.message}>{message}</div> <div className={style.modalFooter}> <button className={style.actionButton} disabled={!id && !password}> 로그인하기 </button> </div> </form> </div> </div> ); } 저의 폴더 구조는 아래와 같습니다.

  • react
  • next.js
  • react-query
  • next-auth
  • msw
홍성아 댓글 2 좋아요 0 조회수 223

AWS 배포했는데 CORS 에러떠요

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

AWS에 정적페이지 동적페이지 분리해서 배포했는데 https://backendonline.codebootcamp.co.kr/graphql 이주소로 API 요청하면은 CORS 에러납니다. 해당 주소로 API 요청하는게 잘못된걸까요 본강의에서 ??

  • react
  • node.js
  • seo
  • graphql
  • next.js
김지환 댓글 2 좋아요 0 조회수 278

질문

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

seq[5]이 0인 경우에만 1이 들어가고 만약 0이 아니면 seq[6]의 자리에 1이 들어가야 하는데, 이러한 로직이 어디서 구현되고 있는건지 잘 감이 안옵니다.

  • python
  • 코딩-테스트
오이오 댓글 1 좋아요 0 조회수 82

잘 이해가안됩니다..! ㅠㅠ

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

seq의 값이 이미 들어있는 경우, 다음 칸에 값이 들어가야하는데 이 로직이 어떻게 구현되고 있는지 감이 안옵니다..

  • python
  • 코딩-테스트
오이오 댓글 1 좋아요 0 조회수 102

캐싱 관련 강의 질문입니다!

해결됨

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

안녕하세요, 먼저 좋은 Next.js 강의 해주셔서 정말 감사합니다. 덕분에 개념을 잘 이해할 수 있었습니다. Next.js에서 자체적으로 제공해주는, fetch 메소드의 다양한 캐싱 기능에 대해 매우 강력하다고 느꼈습니다. 실제로, 현재 리액트 생태계에서, 캐싱 기능을 제공해주는 Tanstack-Query를 상당히 많이 사용하는 것으로 알고 있는데, Next.js와 캐싱 기능이 겹쳐 잘 활용하지 않은지 궁금합니다. 1. Tanstack Query를 만약 사용한다면, InfiniteScroll 이나, 자체적으로, 제공해주는 로딩, 에러처리 mutation과 같은 강력한 기능을 활용할 수 있다고 보는데, Next.js의 캐싱과, Tanstack Query의 캐싱 기능이 겹쳐, 이 경우에는 어떤 식으로 합리적으로, 판단하고 실제 현업에서는 둘이 같이 사용하는 경우가 많은지 궁금합니다! 2. axios.create을 통해, 자체적으로 헤더나 baseUrl를 구성하거나, interceptor를 통해, refreshToken을 관리하는등 유용한 기능을 활용했는데, Next.js Fetch에도 이러한 기능을 제공하는지 궁금합니다! 3. fetch와, tanstackQuery를 둘다 활용한다면, 어떠한 기준으로 구분하여, 활용하는지 상당히 궁금합니다, tanstack-query 하나로만, 활용하는게 더 좋은 방식인지도 궁금합니다!!!

  • react
  • typescript
  • next.js
김용민 댓글 2 좋아요 4 조회수 414

gradio를 사용하시는 이유에 대해 궁금합니다.

해결됨

RAG 마스터: 기초부터 고급기법까지 (feat. LangChain)

이 강의를 보며 공부하면서 따라하다가 궁금해졌습니다. streamlit을 사용하는 분도 있는데 gradio를 사용하시는 이유가 궁금합니다. 그리고 streamlit과 gradio의 차이를 아신다면 알려주시겠습니까?

  • python
  • 챗봇
  • llm
  • langchain
  • rag
  • gradio
신철희 댓글 2 좋아요 0 조회수 1078

java언어 기출문제의 변형강의에서 질문있습니다

해결됨

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

질문하기가 굉장히 어려운데 21분 45초경에 Sum: as.sum(5) 를 출력하는 문제입니다.. 여기서 이미 Sum:은 출력되어 있는 상태에서 as.sum(5)를 출력해야하는 것 아닌가여..? 예를 들어서 Sum: Add 5 Add4 Add3 Add2 Add1 Add0 15 이런식으로여.. 어떤게 먼저 나와야하는지 헷갈리네요 ㅠㅠㅠ

  • python
  • java
  • c
  • 정보처리기사
관히 댓글 2 좋아요 0 조회수 153

7-3 python을 위한 도커 강의에서 질문드립니다.

해결됨

실전도커: 도커로 나만의 딥러닝 클라우드 컴퓨터 만들기

vscode에 select kernel을 누르면 아무 kernel도 뜨지 않습니다. 강의에는 Python Environments... 이 뜹니다.

  • python
  • 딥러닝
  • linux
  • docker
  • azure
  • 가상화
  • mlops
poptato 댓글 2 좋아요 0 조회수 191

kaggle gpu images 설치시 Error가 발생합니다.

해결됨

실전도커: 도커로 나만의 딥러닝 클라우드 컴퓨터 만들기

kaggle gpu images 설치시 Error가 발생합니다. docker login -u username으로 login 후에도 동일하게 안됩니다. Error response from daemon: pull access denied for kaggle-gpu-images, repository does not exist or may require 'docker login': denied: requested access to the resource is denied

  • python
  • 딥러닝
  • linux
  • docker
  • azure
  • 가상화
  • mlops
poptato 댓글 3 좋아요 0 조회수 270

문자열 슬라이싱

해결됨

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

Step 뛰어 넘는다고 알려주셨는데 첫 문자도 출력하나요?

  • python
  • java
  • c
  • 정보처리기사
youngsu616 댓글 3 좋아요 0 조회수 231

PDF 자료를 혹시 어디서 받아야 할까요?

해결됨

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

제가 못 찾는건지 어디에 업로드 되어 있는지 몰라서요.. 대시보드 등 찾아봤는데 잘 모르겠어서요.

  • python
  • java
  • c
  • 정보처리기사
정철 댓글 2 좋아요 0 조회수 154

튜플형

해결됨

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

11분45초 마지막 출력 값이 왜 (1,2,3)인가요

  • python
  • java
  • c
  • 정보처리기사
youngsu616 댓글 2 좋아요 0 조회수 138

강의자료에 오류가 있는 것 같습니다.

해결됨

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

변수_선언과_출력_v0.2_수업자료.pdf 에서 “C언어, 자바” 출력에 오류가 있습니다. 자료기준에서 c언어는 31313131 자바는 31 3131 31 로 결과가 출력되어야하지 않나요?

  • python
  • java
  • c
  • 정보처리기사
김민영 댓글 4 좋아요 0 조회수 110

업캐스팅 예시

해결됨

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

업캐스팅 예시 15:00에서 super(10)말고 this(10)가 처음으로 실행되면 결과가 어떻게 되나요

  • python
  • java
  • c
  • 정보처리기사
youngsu616 댓글 2 좋아요 0 조회수 172

실기 시험장 - 개인키보드, 마우스 가능여부 질문

해결됨

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

안녕하세요. 시험환경 관련해서 질문 하나 드릴께요. 시험장에서 개인키보드. 마우스 가능할까요? 바보같은 질문일지 모르지만.. 궁금해서요...

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

15강 오류질문

해결됨

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

15강 객체 강의 6분 let name = person . name ; 블록 범위 변수 'name'을 다시 선언할 수 없습니다 라고 나옵니다

  • javascript
  • react
  • node.js
댓글 2 좋아요 0 조회수 158

로컬 GPU 사용법

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

안녕하세요 mmdetection을 설치하려고 하는데 로컬에 있는 GPU를 사용해서 학습을 해보려고 합니다. 코랩에서 제공하는 GPU 말고 로컬의 GPU를 사용할 수 있는 방법이 있을까요?

  • python
  • 머신러닝
  • 딥러닝
  • keras
  • tensorflow
  • 컴퓨터-비전
ucar 댓글 2 좋아요 0 조회수 328

12.11 ) Home에서 getMontlyData 작성 중 오류 / 개발자도구 hooks Context 에서 객체가 아닌 함수로 출력됩니다

해결됨

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

안녕하세요, 강의 잘 듣고있습니다! 16분 쯤에 montlyData를 만들어서 호출하는 부분인데 개발자도구로 체크해봤을때 hooks가 선생님처럼 나오지 않고 저런 함수 형태?로 출력이 되어서 그런지 오류가 나서 진행이 되지 않습니다ㅜ 눈알빠지게 찾아봤는데도 잘 모르겠어서 글을 씁니다ㅠㅠ 한번 체크 부탁드립니다 //App.jsx 파일입니다 const mockData = [ { id: 1, createdDate: new Date("2024-09-30").getTime(), emotionId: 1, content: '1번 일기' }, { id: 2, createdDate: new Date("2024-09-29").getTime(), emotionId: 2, content: '2번 일기' }, { id: 3, createdDate: new Date("2024-08-02").getTime(), emotionId: 3, content: '3번 일기' } ]; function reducer(state, action) { switch (action.type) { case 'CREATE': return [action.data, ...state]; case 'UPDATE': return state.map((item) => String(item.id) === String(action.data.id) ? action.data : item); case 'DELETE': return state.filter((item) => String(item.id) !== String(action.id)); default: return state; } } export const DiaryStateContext = createContext(); export const DiaryDispatchContext = createContext(); function App() { const [data, dispatch] = useReducer(reducer, mockData); const idRef = useRef(3); const onCreate = (createdDate, emotionId, content) => { dispatch({ type: 'CREATE', data: { id: idRef.current++, createdDate, emotionId, content, }, }); }; const onUpdate = (id, createdDate, emotionId, content) => { dispatch( { type: "UPDATE", data: { id, createdDate, emotionId, content, } }) } const onDelete = (id) => { dispatch( { type: "DELETE", id } ) } return ( <> <DiaryStateContext.Provider value={data}> <DiaryStateContext.Provider value={{ onCreate, onUpdate, onDelete }}> <Routes> <Route path="/" element={<Home />}></Route> <Route path="/new" element={<New />}></Route> <Route path="/diary/:id" element={<Diary />}></Route> <Route path="/edit/:id" element={<Edit />}></Route> <Route path="*" element={<Notfound />}></Route> </Routes> </DiaryStateContext.Provider> </DiaryStateContext.Provider> </> ) } export default App

  • javascript
  • react
  • node.js
zha8248 댓글 2 좋아요 0 조회수 213

안녕하세요. 공부하다가 막히는 부분이 있어서 질문드리는데 질문 내용이 ...

미해결

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

안녕하세요. 이 강의를 마치고 비동기 spring boot를 공부 하고 있습니다. Reactor이라고 부르던데 mvc와 크게 다른거 같지 않는거 같은데 코딩이 생각 보다 어렵네요.... mvc랑 코딩 자체가 틀림 ... 솔직히 질문드리기가 너무 죄송합니다. 근데 답변 해줄 분이 안계셔서 ..여기에 질문 드리네요 .. . . . . 질문 내용은 @Aspect 이딴걸 왜 하는거냐 입니다. class A 아래 함수에 주석을 원래 하는거지만 주석을 제거 하려면 이걸 Aspect를 해야한다고 하네요.... @GetMapping("/test/mdc") suspend fun testRequestTxid() { // withContext(MDCContext()) { logger.debug { "start MDC TxId" } delay(100) service.mdc() logger.debug { "end MDC TxId" } // } } 이과정이 꽤나 복잡합니다. class B처럼요 class B Mapping을 대신할 어노 테이션을 만드는거 내용이라고 생각 됩니다. classA에 @GetMapping을 하면 아래 class의 hindMdcContext를 사용하게끔 하는거 같아요... 질문 드릴껀 이 과정이 왜 필요한거죠??? 의도가 잘 파악이 안되서요... trance id를 생성하고 class A가 완전히 처리 될때까지 블러킹 하기 위해서 그런거 같은데 이렇게 까지 해야되나 싶네요... 내용은 아직도 파악 중입니다. ^^ 현제 ProceedingJoinPoint가 뭔지 파악 중에 있고요 ... @Aspect class AspectConfig { @Around(""" @annotation(org.springframework.web.bind.annotation.GetMapping) """) fun hindMdcContext(jp: ProceedingJoinPoint): Any? { return if(jp.hasSuspendFunction) { val continuation = jp.args.last() as Continuation<*> val newContext = continuation.context + MDCContext() val newContinuation = Continuation(newContext) { continuation.resumeWith(it)} val newArgs = jp.args.dropLast(1) + newContinuation jp.proceed(newArgs.toTypedArray()) } else { jp.proceed() } } private val ProceedingJoinPoint.hasSuspendFunction: Boolean get() { val method = (this.signature as MethodSignature).method return KotlinDetector.isSuspendingFunction(method) } } 빨리 비동기 강의좀 내주세요 ㅠ.ㅠ 수없는 인강을 들었지만 강사님 만큼 강의 잘하는 강의 못봤어요 ㅠ.ㅠ

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
just kim 댓글 2 좋아요 1 조회수 127

인기 태그

인프런 TOP Writers

주간 인기글