inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

218. Post Browser 에서 처음 실행 시 CanceledError 발생

해결됨

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

useEffect(() => { const controller = new AbortController(); const fetchPosts = async () => { try { setIsLoading(true); const { data } = await axiosInstance.get( `/posts?_page=${currentPage}&_limit=${limit}&q=${encodeURIComponent(searchText)}`, { signal: controller.signal, }, ); setPosts(data); } catch (e) { console.log(e); if (e instanceof Error && e.name !== "CanceledError") { if (e.message.includes("timeout")) { setError("timeout 오류 발생"); } else { setError(e.message); } } } finally { if (!controller.signal.aborted) setIsLoading(false); } }; fetchPosts(); return () => { controller.abort(); }; }, [currentPage, limit, searchText]); 처음 실행 시(새로고침) console.log(e) 에서 CanceledError {message: 'canceled', name: 'CanceledError', code: 'ERR_CANCELED', config: {…}, request: XMLHttpRequest, …} 이렇게 무조건 잡히는데 왜 그럴 까요? 물론 프로그램 실행 에는 문제가 없습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
jyuvenia 댓글 3 좋아요 0 조회수 115

혹시 배포 후 카카오로그인 하면 왜 404가 뜰까요

미해결

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

404 : NOT_FOUND Code: NOT_FOUND ID: kix1::bdzhw-1757478315191-5d49459abd35

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 2 좋아요 0 조회수 71

딩코님 수강 관련 문의드려요~

해결됨

[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기

딩코님 안녕하세요~ 어제부터 챌린지 오픈했는데, 보니까 기존 강의내용과는 동일하더라구요~ 기존 강의 아직 다 못들었는데, 챌린지로 이어서 들으면 될까요?! 챌린지 강의로 들으니 기존 수강한 강의는 안들은 걸로 돼서 강의율 100% 안될 것 같아서요! 혹은 기존 강의 다들은걸로 끌어서 채워놔야 할 지 합니다!

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
민중 댓글 1 좋아요 1 조회수 88

카카오로그인구현 -2

미해결

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

혹시 강의를 그대로 따라했는데 계속 리다이렉션중이 떠있는 이유를 어디서 찾아야할까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
댓글 3 좋아요 0 조회수 101

특정 범위 선택 및 일괄 변경

미해결

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

강의 중 혹시 특정 범위 선택 및 일괄 변경하는 윈도우환경에서 방법이 뭔지 알수있을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 2 좋아요 0 조회수 50

cursor AI 프로젝트 룰 관련 질문 드립니다.

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

안녕하세요 강사님! 강의 항상 재밌게 잘 보고 있습니다. 다름이 아니라 cursor AI가 영상의 버전과 다른 것 같은데, 프로젝트 룰을 어떤 걸로 설정해야하는지 모르겠습니다. 공식 문서와 다른 블로그들을 참고해도 모르겠어서 질문 올립니다ㅠㅠ

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
Nara 댓글 2 좋아요 0 조회수 439

홈페이지 저장 위치 및 삭제

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

첫 웹사이트로 자기소개 싸이트 만들기 연습을 하고 있는데, 이걸 만들면 이 홈페이지는 lovable 서버에 저장이 되는거죠? 그럼, 이 홈페이지를 폐쇄하고 싶으면 어떻게 삭제하나요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
남현욱 댓글 2 좋아요 0 조회수 101

supabase 설정 설명 부분이 없어요.

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

1-3에 자기 소개 웹사이트 만들때 방문자 수 추가하는 것 해보니 supabase를 연결해야 한다고 하는데, 처음하는 사람은 이게 뭔지 잘 모르는데, 이 부분에 대한 설명이 없어 추가하는 것이 필요합니다. 동영상에서는 그런 과정 없이 바로 되는데, 나의 경우에는 supabase의 연결을 설정해야 기능이 정상 작동했어요. 뒤에 이 부분에 대한 설명이 있는지 모르겠지만, 없다면 자세히 설명 부탁합니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
남현욱 댓글 2 좋아요 0 조회수 112

6강/7강 수업

미해결

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

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 6강 마지막 화면이랑 7강 첫화면 코드가 달라져서 이 부분은 어떻게 해결하면 될까요?? (안녕하세요->환영합니다) (console.log->alert) 크게 이 두 부분이 다른 것 같습니다. 그냥 이대로 진행하면 될까요? 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

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

11강은 없는건가요?

해결됨

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

11강이 있는데 안에 내용은 없네요.. 11강은 추후 업데이트 예정이실까요? 예정이라면 언제쯤 업데이트 될까요??

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
김백준 댓글 1 좋아요 0 조회수 94

window 사용자 ios 앱

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" window 사용자의 경우 flutter 사용을 해도 ios 앱을 만들 수 없는지요? 아니면, 단순히 xcode로 미리 테스트만 못하는지요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
kairos77 댓글 1 좋아요 0 조회수 54

usecallback과 usememo를 중복해서 쓰는 이유(context 분리하기 챕터)

해결됨

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

안녕하세요 강의를 잘 듣고있습니다. 하지만 개념이 잘 이해가 되지 않은 부분들이 있어서 질문드립니다. context 분리하기 강의 부분입니다!!! 이부분에서 이미 전 시간에 만들었던 useCallback으로 선언했던 함수들이 있습니다. 하지만 왜 app컴포넌트의 렌더링으로 인해 또 함수 선언이 되어 usememo를 써야한다고 하셨는지 문의드려요. const onCreate = useCallback((content) => { dispatch({ type: "CREATE", data: { id: idRef.current++, isDone: false, content: content, date: new Date().getTime(), }, }); }, []); const onUpdate = useCallback((targetId) => { dispatch({ type: "UPDATE", targetId: targetId, }); }, []); const onDelete = useCallback((targetId) => { dispatch({ type: "DELETE", targetId: targetId, }); }, []); const memoizedDispatch = useMemo(() => { return { onCreate, onUpdate, onDelete }; }, []); 그동안 다른 컴포넌트에 props를 줄때는 color={color}식으로 주고, 이는 객체형태라고 합니다. 받는 자식 컴포넌트에서는 {color} 이런식으로 구조분해할당을 합니다. 하지만 createContext로 만든 provider value ={} 는 기본적으로 객체형태가 아닌걸까요? 기본적으로 구조분해할당을 하지 않는거같아서 뭐지싶었습니다 <TodoDispatchContext.Provider value={memoizedDispatch}> useEffect, useMemo의 차이점은 무엇인가요? 기본적으로 의존성 배열을 []로 둘때는 처음으로 컴포넌트가 mount 될때만 실행하고 , [todos]를 넣으면 이 변수 state가 바뀔때만 실행하는거같아서 똑같은거같아요

  • javascript
  • react
  • node.js
남기정 댓글 2 좋아요 2 조회수 166

membership부분은 몇 강의에서 진행하신건가요?

해결됨

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

membership부분은 몇 강의에서 진행하신건가요? 아무리 찾아봐도 어디있는지...휴.. 추가 안내사항 답변을 받으면 꼭 확인하고 감사 인사를 남겨주세요. 작은 반응도 답변자에게 큰 동기부여가 됩니다! 질문 게시판에서는 서로를 존중하며 커뮤니케이션해주세요. 강의 외적인 문의(예: 계정 문제, 결제 등)는 고객센터 를 이용해주세요. 여러분의 꼼꼼한 질문이 더욱 빠르고 정확한 답변으로 이어질 수 있습니다. 😊

  • react
  • mysql
  • docker
  • rest-api
  • FastAPI
red9123 댓글 1 좋아요 0 조회수 82

플레이 그라운드 퀴즈 문제 질문이 있습니다.

미해결

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

위와 같이 입력했을 때 fetchBoard 가 null로 나오는데 제가 어느부분에서 실수했는지 감이 안잡혀서 질문드립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김용주 댓글 0 좋아요 0 조회수 72

이벤트 선언 관련 질문입니다.

해결됨

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

해당 이벤트에서 클릭 시 useNavigate 함수를 호출하라 인데 이 둘의 동작에서 차이가 발생했습니다. 그 이유를 설명해주실 수 있으신가요?

  • javascript
  • react
  • node.js
펌킨푸딩 댓글 2 좋아요 0 조회수 44

스타터킷!

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

개발자인 저에게는 코딩이 늘 막연하고 두려운 영역이었습니다. 하지만 바이브코딩 강의를 만나고 나서는 생각이 완전히 달라졌습니다. 강사님이 단계별로 차근차근 이끌어주신 덕분에, 저 같은 초보자도 실제로 모임 가계부 어플 을 직접 완성할 수 있었습니다. “정말 내가 코딩으로 무언가를 만들 수 있구나”라는 성취감과 자신감을 얻게 되었고, 이 경험은 제 인생에서 정말 특별한 순간으로 기억될 것 같습니다. 그리고 제가 꼭 말씀드리고 싶은 게 하나 있습니다. 제가 수강평을 105번째로 남겼습니다. 이번에 수강평 100명 한정 스타터킷 을 제공한다고 하셨는데… 솔직히 너무 받고 싶습니다. ㅠㅠ 저도 수강 후기를 진심을 담아 열심히 작성했으니, 혹시 가능하다면 저에게도 기회를 주실 수 없을까요? 정말 간절한 마음으로 부탁드립니다!!! 바이브코딩 덕분에 새로운 도전을 시작할 수 있었던 만큼, 스타터킷까지 함께할 수 있다면 제게는 더할 나위 없는 선물이 될 것 같습니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Full Stack 개발자 댓글 2 좋아요 0 조회수 110

복합 대입 연산자

미해결

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

안녕하세요. 1.7) 복합대입 연산자 관련 질문입니다. 예제) num7 -= 20; 부분입니다. 바로 위에 있는 num7 += 20;은 num7에 할당 되어 있는 값에 20만큼 더해서 console result 값은 30이 반환이 될 것이었고, 반환이 되었습니다. 그런 논리라면 num7 -= 20; 이면 단순 수식으로 생각을 하였을 때, 10 -20 = -10이 되어야 하는게 아닌가 싶습니다. num7 -= 20; 에서 20; 이 부분이 앞에 오게 되는 이유가 있을까요? 기본 연산자에서는 정수만 취급하기 때문에 앞뒤의 순서가 바뀐 것일까요? 단순 JS의 구조적인 문제일까요? 이에, 설명하셨던 부분과 약간 상이 한 내용인 거 같아서 질문 남겨드립니다.

  • javascript
  • react
  • node.js
김정현 댓글 1 좋아요 0 조회수 67

cursor .cursorrules 관련 문의 드립니다.

해결됨

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

cursor rules 설명중에 user rules , project rules 관련 설명은 해주셨는데 .cursorrules에 대해서 설명이 없어서 문의 드립니다. user rules , project rules, .cursorrules 모두 사용을 한다면 우선 순위 적용은 어떻게 되는 건지 알고 싶습니다.

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

사전렌더링과 데이터페칭 수업 질문

해결됨

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

1분17초쯤에 리액트에서 데이터 페칭을 복습한다고하는데 리엑트 수업에서 이것을 배운적이없는데 어디서 배운걸 복습을하는걸까요? 저는 처음봅니다.

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

콜백함수-호출 시 인수 값을 안 넣어도 되는건지 궁금합

해결됨

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

// 2. 콜백함수의 활용 function repeat(count, callback){ for(idx=0; idx<count; idx++){ callback(idx); } } repeat(4, function callback(){ console.log(idx * 2)}); repeat(4,(idx)=>{ console.log(idx * 4); }) repeat(5,()=>{ console.log(idx * 5); }) repeat()으로 호출할 때 콜백함수까지 같이 불러오는 부분에 대해 궁금증이 생겼습니다. repeat(인수, 콜백함수)=> 이 부분에서 콜백함수에 매개변수로 idx를 안 넣어도 콘솔창에 결과가 잘 나옵니다. 그런데도 콜백함수 인수를 작성할 때 idx를 꼭 적어줘야 하나요? repeat(4, (idx) // idx를 넣고 메인 함수 콜백 호출 부분인 callback(idx); 에서 idx를 뺏더니 출력결과가 Nan이 나옵니다. repeat(4, () => 이렇게 idx가 없는 호출문? 에서는 정상적으로 값이 잘 나오는데 저 부분은 왜 안나오는지 궁금합니다.

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

인기 태그

인프런 TOP Writers

주간 인기글