inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

render 함수에 관해 질문있습니다.

미해결

처음 만난 리덕스(Redux)

state 변화에 따른 ui를 렌더링 할 때 render 함수 내부 코드가 매우 방대할 경우 보편적으로 어떤 로직 처리를 하는지 궁금합니다. (memo만 추가했지만, memo 렌더링 코드외의 다른 관련없는 렌더링 코드들이 방대할 경우입니다.) 강사님 좋은 강의 감사합니다!! 많이 배우고 있습니다 :)

  • react
  • redux
  • redux-thunk
  • redux-toolkit
  • redux-saga
손민기 댓글 2 좋아요 1 조회수 200

spring boot 3.3.2도 호환되나요?

해결됨

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

spring boot 3.3.2도 호환되나요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
인인 댓글 2 좋아요 0 조회수 185

aws react 배포

미해결

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

리액트를 배포하려고 하는데 502error -nginx- 가 뜹니다. 환경 개요의 상태는 'Degraded'가 발생합니다. 이벤트의 로고에는 ' Environment health has transitioned from Info to Degraded. Application update completed 28 seconds ago and took 73 seconds. Impaired services on all instances.' 와 같은 문구가 발생합니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김두영 댓글 2 좋아요 0 조회수 159

7장 테스트 에러

미해결

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

똑같이 코딩해서 테스트를 했는데 에러가 발생합니다. 이유가 무엇일까요? 똑같이 코딩해도 에러가 발생하니 답답하네요.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
hicooky1 댓글 2 좋아요 0 조회수 111

섹션4 목록처리를 보고있어요

미해결

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

리스폰스로 json값이 오는건 이해가가는데 ], "pageNumList": [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ], "pageRequestDTO": { "page": 5, "size": 10 }, "prev": false, "next": true, "totalCount": 105, "prevPage": 0, "nextPage": 11, "totalPage": 0, "current": 0 } 이값들은 api어느부분에서 전송하는건지 알수있을까요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김우철 댓글 2 좋아요 1 조회수 174

6장 상품 등록을 이미지 없이 등록 후 getList 할 때 질문

미해결

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

안녕하세요 6장 상품 등록을 이미지 없이 등록을 해봤는데요 예를 들어 상품번호가 17번이면 product_image_list 테이블에 17번(product_pno)이 등록되지 않아서 left join이 걸리지 않아 리스트를 호출시 해당 번호의 상품만 호출이 안되더라구요 이럴 경우에는 어떠한 방법으로 해결할 수 있을지 궁금하여 질문드립니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
poiu62875 댓글 1 좋아요 0 조회수 136

AWS EC2 Launch Template 생성 문의 - 빈즈토크 배포 이슈

미해결

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

안녕하세요. 한가지 문의 드립니다. 부록_AWS 빈즈톡, RDS, S3 자료.pdf 를 보고 있습니다. 7 (/ 45) 페이지에서 보면 정상적으로 환경 구성이 완료되면 configurations 결과 화면이 잘 출력됩니다. 헌데 일부 계정 아마도 최근에 생성한 aws 계정은 이게 정상적으로 진행이 안되고 아래와 같은 메시지가 나옵니다. Creating Auto Scaling launch configuration failed Reason: Resource handler returned message: "The Launch Configuration creation operation is not available in your account. Use launch templates to create configuration templates for your Auto Scaling groups. (Service: AutoScaling, Status Code: 400, Request ID: 850290f7-96b3-4229-81dc-966dbee4d735)" (RequestToken: 44311bf6-616a-3270-9235-5c2d1993a1b7, HandlerErrorCode: GeneralServiceException) AWS EC2 Launch Template을 반드시 생성해야 7 (/ 45) 페이지에서 보이는 환경 구성이 정상적으로 완료가 되고 그 결과 configurations 화면이 잘 출력되는 것으로 최근 변경 된 것 같습니다. 문제는 이 AWS EC2 Launch Template 생성에 대한 부분에서 벽에 막힌 상태입니다. 어떻게 하면 좋은지 요청 드려 봅니다. 감사합니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
사랑2 댓글 2 좋아요 0 조회수 685

리액트 코드 스플리팅

미해결

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

맨 처음 리액트 코드스플리팅 에서 막히는데요,,,ㅠㅠ 강의 내용이랑 똑같이 했는데 막히는데 한번봐주실수있으실까요?? 그리고 코드를 작성하고 리액트화면을 그냥 새로고침하면 코드가적용이되는게 맞죠? 제가하면 지금 mainPage div만 나오고 나머지는 나오지않아서요 import { Suspense, lazy } from "react"; import { createBrowserRouter } from "react-router-dom"; // require 대신 import로 수정 const Loading = <div>Loading...</div>; const Main = lazy(() => import("../pages/mainPage")); // lazy 게으르다 -> 코드 스플리팅 const About = lazy(() => import("../pages/about")); // lazy 게으르다 -> 코드 스플리팅 const root = createBrowserRouter([ { path: '', element: <Suspense fallback={Loading}><Main /></Suspense> }, { path: 'about', element: <Suspense fallback={Loading}><About /></Suspense> } ]); export default root; import React from 'react' import { Link } from 'react-router-dom' const mainPage = () => { return ( <div className = 'text-3xl'> <div className={'flex'}> <Link to ={'/about'}>About</Link> </div> <div>mainPage</div> </div> ) } export default mainPage import React from 'react' import { Link } from 'react-router-dom' const about = () => { return ( <div className={'text-3xl'}> <div className={'flex'}> <Link to ={'/about'}>About</Link> </div> <div>About page</div> </div> ) } export default about import React from 'react' import { RouterProvider } from 'react-router-dom' import root from './router/root' const App = () => { return ( <RouterProvider router={root} /> ) } export default App

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김우철 댓글 3 좋아요 0 조회수 242

API 구축시 인텔리제이

미해결

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

안녕하세요 이제 시작해보려구하는데 ㅎㅎ API 구축시 인텔리제이 사용해도 문제없나요??

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김우철 댓글 2 좋아요 0 조회수 125

중간에 나와있는 1분 미만 수업

미해결

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

로그인 페이지 설정 다음에 나온 저 두 가지 강의는 어떤 내용인걸까요?? 해당 수업 두 개 때문에 수료기준 미달로 떠서요 ㅠㅠ 확인 부탁드립니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김정아 댓글 2 좋아요 0 조회수 100

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

미해결

코드로 배우는 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

6장 질문

미해결

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

6장 실습중 이미지가 안보이는 이유가 무엇일까요? 빠른 답변 좀 부탁드립니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
댓글 2 좋아요 0 조회수 99

여기까지 하고나니 Product가 깨집니다.

미해결

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

해당 회차까지 하고 나니 Product도 확인해 볼겸 들어가보니 사진도 안나오고 pname도 undefied로 나오네요 server 쪽에서 Authorization 의 값이 null이라고 뜨는게 이유 인거 같은데 제가 잘못 한게 있을까요? 아니면 뒤의 회차에서 해결하는 방법이 제시가 되는건가요??

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김재원 댓글 2 좋아요 0 조회수 132

개발 툴에 질문드립니다.

미해결

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

일단 수강 신청은 해놨는데 ... vscode ,intellij 쓰는 줄 알았는데 아닌거 같아서요 ... 혹시 수업진행할 때 쓰는 툴이 구체적으로 어떻게 쓰는 건지알수 있을까요 ? vscode로만 다 하나요 ?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
컴맹 댓글 1 좋아요 0 조회수 152

moveToList를 만들때 질문이 있습니다.

미해결

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

const moveToList = () => { navigate({ pathname: "../list", search: queryDefault }); }; 이걸 했을때 어떻게 http://localhost:3000/todo/read/13 이주소에서 http://localhost:3000/todo/list로 바뀌는 건가요? ..을 지워버리니까 http://localhost:3000/list 로 바뀌어서 에러가 나더라고요 ../를 디렉토리처럼 한단계 전으로 돌아가는 걸로 이해하려고 해도 13의 한단계 전이나까 그럼 http://localhost:3000/todo/read/list 이게 되어야 하는것 같은데 ../가 어떤 뜻이길래 http://localhost:3000/todo/read/13 로 제대로 나오는 건가요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김재원 댓글 2 좋아요 0 조회수 111

register 할때 formatter가 언제 적용이 되는 건가요?

미해결

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

json으로 date 파라미터를 보낼때 자동으로 변환 되서 들어간다는 건가요??

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김재원 댓글 2 좋아요 0 조회수 133

testUpdate를 하실때 질문이 있습니다.

미해결

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

강의에서는 명시적으로 todoRepository.save (todo);를 해주셨는데 어떤 강의에서는 더티체킹으로 업데이트를 하는게 좋다고 하는 말을 들었습니다. 보통 실무에서는 어떤 방식을 더 선호하나요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
김재원 댓글 2 좋아요 0 조회수 143

업로드된 파일명 이상함

미해결

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

안녕하세요. 질문이 있습니다. "섹션 5 - 상품 API 서버 구성하기 - 파일 업로드 설정과 확인"에서 문의 드립니다. 파일 업로드 테스트는 잘 실행 되지만 아래 그림처럼 업로드된 첨부파일 명이 이상합니다. 강사님의 경우 UUID 값뒤에 OriginalFilename이 붙어있는데요, 제 경우에는 붙질 않습니다. 아래 그림처럼 로그에도 이상히 값이 찍히질 않습니다. 포스트 맨으로 테스트한 결과는 아래 그림과 같습니다. 여기서 한가지 강사님이 실행하고 나서의 화면과 제가 실행하고나서의 화면은 차이가 좀 나는거 같습니다. 추축하자면 포스트맨으로 첨부파일이 제대로 첨부가 안된것으로도 보입니다. 아래 좀더 크게 캡춰해 보았습니다. 분명히 파일을 선택해서 첨부를 했는데 위와 같은 화면으로 나옵니다. 그결과 실제 업로된 파일들은 제대로 복사가 된 상태가 아닙니다. 디렉토리에 생성된 파일들은 아래와 같이 0 kb입니다. 여기까지 작성된 소스는 강사님께서 진행하신 모든 내용을 다 반영하였습니다. 제가 어떤걸 놓친게 있을까요? ------------------------------------------------------------------------------ 위를 다른 포스트맨 확장 프로그램으로 실행하니 잘 되네요. 감사합니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
사랑2 댓글 1 좋아요 0 조회수 151

url 주소에 값을 받아오지 못합니다

미해결

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

Request URL: http://localhost:3000/todo/read/$%7Bprefix%7D/$%7Btno%7D 게시물 번호값인 tno를 int 로 받아오지 못하고 있습니다 어떻게 해야할까요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
박지영 댓글 1 좋아요 0 조회수 107

인기 태그

인프런 TOP Writers

주간 인기글