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 조회수 118

혹시 배포 후 카카오로그인 하면 왜 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 조회수 75

카카오로그인구현 -2

미해결

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

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

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

특정 범위 선택 및 일괄 변경

미해결

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

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

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

스프링부트 에러

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

스프링부트 작성 후 에러가 발생하고 있는데 어노테이션에러가 발생하고 있습니다. C:\prac\src\main\java\restApi\prac\service\PostService.java:8: error: cannot find symbol public PostService(PostRepository postRepository) { ^ symbol: class PostRepository location: class PostService 모든 어노테이션에서 발생하고 있는데 설정 문제 일까요?

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
김연우 댓글 2 좋아요 0 조회수 163

자바 17

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

자바 17로 진행해도 되나요

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
김연우 댓글 2 좋아요 0 조회수 103

줄바꿈 질문

미해결

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

혹시 강의에서처럼 프리티어설정이나 다른설정 다똑같은데 왜 계속 길게유지가 될까요 가독성이 너무 불편한데

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

useState() 초기값에 대한 질문

미해결

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

안녕하세요. useState의 초기값으로 함수를 넣는 경우를 처음 접해서 질문드립니다. 제가 따로 찾아본 결과 useState() 초기값으로 값이 아닌 함수를 넣어주게되면 -> 리랜더링시에 값이 평가되지않고 -> 쓸때없이 uuid가 생성되지 않아서 강의(86강 5분대)와 같이 useState 초기값으로 함수를 넣어주신게 맞나요?? 그리고 이를 lazy-initialization이라 명명하는게 맞을까요?? 좋은 강의 감사드립니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
춘식이 댓글 2 좋아요 0 조회수 81

Post 상태 관리

미해결

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

서버로부터 받아오는 Posts를 <PostList/> 컴포넌트에서 상태로 관리하는데, 이것은 전역 상태로 관리하지 않는 이유가 있을까요? postStore에서 getTotalPages를 할때, 고정된 값 100을 사용했는데, 실제 서비스라면 어떻게 처리해야하나요? postStore에서 posts.length와 같은 전체 개수를 알아야할것같은데.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
정재웅 댓글 2 좋아요 0 조회수 44

tailwindcss 부분적용 문제

미해결

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

참 신기하게도 tailwindcss 공식문서에 나온대로 그대로~~~ 했는데 아이러니 하게도 <h2 className="text-8xl font-bold underline">hello world</h2> 해당 코드에서 font-bold랑 underlilne은 잘만 적용되는데 text-8xl만 적용이 안되네요 왜 이러는건지 전 이해가 안되네요 따로 styled-component에서 globalStyle을 적용해서 작업중이라서 예상은 되는데 어떻게 수정해도 답이 안보이네요

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
5647kr 댓글 2 좋아요 0 조회수 94

vscode 셋팅질문

해결됨

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

안녕하세요 강의 잘듣고있습니다 선생님 다름이 아니라 제 화변 볼때보다 선생님 화면볼때가 뭔가 눈이 편안하고 폰트도 눈에 잘들어오는 느낌인데 어떤 테마와 폰트인지 여쭤봐도될까요...

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

section8 93강 [해설] 복합 상태 버튼 그룹 스타일링 및 관리에 관련 궁금증

미해결

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

해설 강의를 보다가 궁금한 점이 생겨 글 남겨봅니다. <button key={btn.id} className={cx("button", { active: activeStates[btn.id], disabled: btn.isDisabled, highlight: btn.id === 2, })} onClick={() => handleToggle(btn.id, btn.isDisabled)} // disabled={btn.isDisabled} <- 따로 안쓰신 특별한 이유가 있는걸까? > {btn.icon} {btn.label} </button> // 토글 함수 const handleToggle = (id: number, isDisabled: boolean) => { if (isDisabled) return; setActiveStates((active) => ({ ...active, [id]: !active[id], })); }; disabled처리를 해도 스타일과 상태값이 변경되는 문제로 토글함수에 값을 전달해서 isDisabled가 true이면 return되게 작성하셨는데 button에 disabled 속성을 사용하지 않으시고 따로 isDisabled를 전달해 매개변수로 받아 처리하신 이유가 있나요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
5647kr 댓글 2 좋아요 0 조회수 81

vscode 호버힌트 툴팁

미해결

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

redux slice 생성 강의(1:37)에 호버하면 뜨는 툴팁에서 위에 간략한 설명은 똑같이 뜨는데 강사님처럼 아래 Error 로 더 자세히 뜨는 부분도 보고 싶은데 안 보입니다. 어떻게 설정해야 하나요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
깨굴이 댓글 2 좋아요 0 조회수 130

객체 상태 다루기 정리에서

해결됨

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

불변성을 유지하기 위해 깊은 복사를 해야 한다고 설명하셨는데 스프레드 연산자는 얕은 복사아닌가요?? 왜 깊은 복사라는 표현을 사용하셨는지 궁금합니다!

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
곰코드 댓글 2 좋아요 0 조회수 60

auto import했을때에 Dispatch, SetStateAction

해결됨

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

import type { Dispatch, SetStateAction } from "react"; 저는 강의와 다르게 이렇게 type이 붙어서 나오는데, 에러는 나지 않지만.. 궁금해서 질문 남깁니다 무엇이 다른건가요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
귀한 불도새 댓글 2 좋아요 0 조회수 80

리액트 부분 vscode 써도 괜찮을까요

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

강의에서 리액트 부분도 인텔리제이로 사용하시는데 얼티메이드 버전이 아니다보니 하나하나 타이핑을 해야하고 오류가 어디부분인지 알려주질 않아서 vscode로 리액트 부분해도 상관없을까요

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
이DH 댓글 1 좋아요 0 조회수 168

선생님 덧글의 답글

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

혹시나 못보실까 싶어서 글로 남겨요 여기 답변입니다. 환경변수 설정잘되있고 ide 상에서 java -version 쳤을때 잘나옵니다 ㅠㅠ start.spring.io 여기서 만들떄도 21 버전으로 선택했구요 혹시나 문제 있나싶어서 ide도 다시 지웠다 깔고, jdk도 다시 지웠다 깔고 , start.spring.io 도 다시 새로 하고 해도 안되네요 ㅠㅠ Execution failed for task ':restapi.prac.PracApplication.main()'. > Process 'command 'C:\Program Files\Java\jdk-21\bin\java.exe'' finished with non-zero exit value 1 * 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 . BUILD FAILED in 9s 3 actionable tasks: 1 executed, 2 up-to-date 이 에러메시지가 도대체 뭔질 모르곘네요,,, gpt한테 물어봐도 알수없는 말만하고... 만들어보고싶은데 시작도 못하고 있으니 너무 답답하네요.... gpt 계속 괴롭혀도 이상한말만해요

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
이DH 댓글 2 좋아요 0 조회수 144

(재업) 선생님 제발 도와주세요

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

일단 여기서 이렇게 뜨구요 이거 전에 Spring Initializr 여기서 설정하고 그거 열어줘서 작업하는건데 저렇게 뜨는데 어떻게해야하나요... 혹시나 PracApplication.java 에서 실행하면 Execution failed for task ':restapi.prac.PracApplication.main()'. > Process 'command 'C:\Program Files\Java\jdk-21\bin\java.exe'' finished with non-zero exit value 1 * 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 . BUILD FAILED in 12s 3 actionable tasks: 1 executed, 2 up-to-date 이렇게 또 에러가 뜨구요... 추가로 ai답변으로 build.gradle 의 dependencies 확인하래서 이거 확인했는데 이상없는거 같고 정상적으로 C:\Program Files\Java\jdk-21\bin\java.exe 이 경로에 있습니다. 마지막으로 이렇게 build.gradle을 연 상태로 run을 하면되는데 (localhost:8080 은 안열림) application.properties 에서는 run 버튼 자체가 활성화가 안되있고 PracApplication.java 에서는 run이 활성화는 되있지만 계속 제가 말헀던 에러가 뜹니다 제발 ai답변말고 선생님이 답변해주시면 감사하겠습니다

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
이DH 댓글 1 좋아요 0 조회수 151

앞에 내용 다 따라했는데 실행이안됩니다 자꾸

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

일단 여기서 이렇게 뜨구요 이거 전에 Spring Initializr 여기서 설정하고 그거 열어줘서 작업하는건데 저렇게 뜨는데 어떻게해야하나요... 혹시나 PracApplication.java 에서 실행하면 Execution failed for task ':restapi.prac.PracApplication.main()'. > Process 'command 'C:\Program Files\Java\jdk-21\bin\java.exe'' finished with non-zero exit value 1 * 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 . BUILD FAILED in 12s 3 actionable tasks: 1 executed, 2 up-to-date 이렇게 또 에러가 뜨구요...

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
댓글 1 좋아요 0 조회수 112

실행시 에러

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

실행시 이런 에러가 뜹니다..

  • mysql
  • rest-api
  • spring-boot
  • jpa
  • react.js
이DH 댓글 1 좋아요 0 조회수 99

인기 태그

인프런 TOP Writers

주간 인기글