섹션 3 부트 프로젝트 생성 및 확인 / 엔티티 클래스 만들기 강의가 재생되지 않습니다.

현재 인프런쪽에 상황을 문의한 상태입니다. 동영상을 다운로드해서 확인했을 때는 이상이 없어서.. 뭔가 내부적으로 문제가 있는 듯 합니다. 학습에 불편을 드려서 죄송합니다.

카카오연동이후 product 사진 깨지는현상

아.. 상품의 이미지를 호출할때도 JWTCheckFilter가 동작하면서 생기는 문제일 겁니다. 아래와 같이 이미지 조회시에는 체크하지 않도록 되어 있는지 확인해 보시기 바랍니다. @Override protected boolean shouldNotFilter(HttpServletRequest request) throws ServletException { ...생략 //이미지 조회 경로는 체크하지 않는다면 if(path.startsWith("/api/products/view/")) { return true; } return false; }

색션 4 - 조회기능 구현에 makeDiv관련 질문 있습니다.

기능이나 결과의 차이는 없습니다만.. 컴포넌트로 빼기에는 너무 재사용이 떨어지는 기능이라 함수처럼 뺀 것 뿐입니다. 좀 더 다양한 상황에서 쓰려면 컴포넌트로 분리하고 다양한 props를 받게 설계하는게 좋다고 생각합니다.

질문이있습니다

Todo나 Product 관련된 호출은 JWT가 필요한 호출입니다. axios.get( )이 아니라 유틸로 만들어둔 jwtAxios를 이용하셔서 호출하셔야 합니다.

코드로 배우는 React with 스프링부트 개정판3

먼저 응원해 주셔서 진심으로 감사합니다. 그런데.. React with 스프링부트 아직 개정판은 아닐겁니다. 제가 개정판을 쓴 적은 없어서요^^인프런 강의 내용이 3버전까지 커버하고 있어서 부트 4가 나와야 개정판 작업을 할 듯 합니다. 아.. Reactor, Webflex 공부 해야 하는데..ㅠㅠ

writer 와 content 혼란

혼란을 드려서 죄송합니다. TodoEntity는@Entity @Table(name = "tbl_todo") @Getter @ToString @Builder @AllArgsConstructor @NoArgsConstructor public class Todo { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long tno; private String title; private String writer; private boolean complete; private LocalDate dueDate; 와 같이 writer를 사용하시는게 맞습니다.

refresh token filter

네 무조건 UsernamePasswordAuthenticationFilter 앞으로 넣어주셔야 하고.. JWTCheckFilter에 구현하실수도 있습니다. 개인적으로는 별도의 필터를 만들어서 JWTCheckFilter 앞에 넣어서 리프레시를 실행하는 경로인 경우에만 동작하도록 하시는게 나을 듯 합니다.

JWT 체크필터만들기 보고있습니다

로그 관련된 설정 중에 org.springframework.security.web 에 대한 설정을 TRACE로 지정하시면 스프링 시큐리티가 실행될 때 동작하는 필터들을 확인하실 수 있습니다.

프로젝트의 구조가 궁금합니다

맞습니다. 분리된 구조에셔는 프론트 엔드를 서비스하는 서버와 백엔드를 담당하는 서버는 완전히 독립적으로 운영됩니다. https://whitejerry.com/posts/item/2ca994d698b7 도 읽어보시면 좋을 듯 합니다.

mallapi 와 apiserver 프로젝트

VSCode 만을 이용하거나 Intellij만을 이용해서 React와 Boot 모두 가능하긴 합니다. 다만 화면상에서 혼란을 피하기 위해서 프론트 엔드 제작과 백 엔드 제작을 분리해서 보여주기 위함입니다. React는 Boot로 제작된 API 서버를 호출해서 원하는 데이터를 가져와서 출력하는 웹 어플리케이션이고 Boot는 JSP나 Thymeleaf와 달리 순수한 데이터를 JSON포맷으로 전달하는 API서버의 역할을 합니다.