소개
구멍가게코딩단은 2015년부터 개발과 관련된 직종의 사람들의 모임을 위해 만들어진 커뮤니티입니다.
강의의 진행은 현재 구멍가게 코딩단을 운영하고 있는 쿠키 담당자가 진행하고 있습니다.
2015년 부터 '코드로 배우는 ..' 시리즈를 집필하고 있습니다.
강의
수강평
- 코드로 배우는 React with 스프링부트 API서버
- 코드로 배우는 React with 스프링부트 API서버
- 코드로 배우는 React with 스프링부트 API서버
- 코드로 배우는 React with 스프링부트 API서버
게시글
질문&답변
섹션8: 토큰 갱신 오류
todo의 경우에는 리액트에서 API서버를 호출할때 일반 axios.get( )과 같은 방식을 사용하는데 반면에 API서버에서는 JWT인증을 사용하기 때문에 axios가 아닌 jwtAxios를 이용해야만 합니다. 강의에서는 시간 관계상 product 쪽에만 jwtAxios를 이용했기 때문에 에러가 발생합니다. 만일 todo관련된 기능을 그대로 사용하시고 싶다면 JWTCheckFilter에 있는 shoudNotFilter( ) 에 if(path.startswith("/api/todo/*) { return true} 와 같은 부분을 추가해서 JWT 인증을 확인하지 않도록 하시면 됩니다.
- 0
- 2
- 42
질문&답변
섹션7: gson 오류
얼마전에 제 주변에서도 같은 문제가 발생한적이 있었습니다 버전을 변경해서 해결이 가능한지 봐 주세요 2.11버전으로 시도해 주세요implementation group: 'com.google.code.gson', name: 'gson', version: '2.11.0'
- 0
- 2
- 27
질문&답변
섹션5 - 이미지 없이 업로드 해도 1개 있는 거로 나옵니다.
Postman에서 files 항목을 지정한 후에 내용이 없는 상태일때 발생하는 문제네요.모든 상품은 이미지가 있다고 가정하고 진행한 것이긴 합니다만.. 이미지가 없는 경우도 생각하시는 거네요.. CustomFileUtil에서 조건만 하나 추가하시면 될 듯 합니다public List saveFiles(List files)throws RuntimeException{ if(files == null || files.size() == 0 || files.get(0).getSize()
- 0
- 2
- 36
질문&답변
섹션 4 목록 처리(1)
책에서는 2장 부분에서 페이지 단위에서 react-router를 적용하는 부분을 설명하고..뒤쪽에서 앞에서 만든 부분을 페이지 내부에 들어가는 형식으로 한번 수정하는 과정을 거칩니다. 하지만 동영상에서는 페이지 단위쪽의 내용은 수정될 것이라.. 해당 부분을 생략하고 직접 페이지 내부에 들어가는 컴포넌트에서 사용한 것이라 그렇습니다. 동영상 제작 과정에서 이 부분은 생략하고 바로 내부에 들어가는 컴포넌트로 설명하는게 좋겠다고 생각해서 그렇게 한 것이고.. pdf는 도서에 대한 강의 자료 역할을 겸하기 때문에 생략하지 않은 상태라고 이해해 주시면 감사하겠습니다. 각 강의 마지막에는 동영상 강의를 작성하면서 만든 코드가 첨부되어 있으니 그걸 우선시해서 보시면 동영상이랑 차이는 거의 없으실 겁니다.
- 0
- 1
- 33
질문&답변
강의 프로젝트는 Todo리스트 인가요 쇼핑몰 인가요?
앞에서는 간단한 Todo를 다루고.. 상품을 다루고 나서 회원을 다루고.. 장바구니까지 다룹니다. 주문과 결재는 다루지 않습니다.
- 0
- 2
- 27
질문&답변
섹션4 - 목록처리(2)에서 페이지를 두번 클릭해야 정보를 불러옵니다.
refresh 동작이 좀 문제가 있었습니다. 수정한 코드는 https://drive.google.com/drive/folders/1ZLHRKaXx8Ou8kZNd1WE6qALxq_wJODXW?usp=sharing 에 올려두었습니다. 페이지 번호가 같을때만 refresh값을 변경해 주는게 좋을 듯 합니다. 불편을 드려 죄송합니다. 아... 그리고 커스텀 훅을 만드실때 반드시 use로 시작하셔야만 합니다. Chat GPT 설명리액트에서 커스텀 훅의 이름이 use로 시작하지 않으면 다음과 같은 문제와 결과가 발생합니다.1. 리액트의 규칙 위반리액트는 훅의 이름을 use로 시작하도록 강제합니다. 이는 리액트의 훅 규칙(Hooks Rules) 중 하나로, 리액트가 훅을 올바르게 추적하고 내부적으로 작동하도록 돕습니다.예를 들어, 이름이 myCustomHook인 커스텀 훅을 작성했다면:jsx코드 복사function myCustomHook() { const [state, setState] = React.useState(0); return [state, setState]; }다음과 같은 컴포넌트에서 호출하면:jsx코드 복사function App() { const [value] = myCustomHook(); // 문제 발생 가능 return {value}; }결과:리액트는 myCustomHook이 훅이라는 것을 인식하지 못합니다. 따라서 컴포넌트가 랜더링 규칙을 위반했는지 여부를 올바르게 추적할 수 없습니다.
- 0
- 2
- 40
질문&답변
로그가 안찍히네요..
PageResponseDTO에 @ToString이 있는지 확인해 주세요
- 0
- 3
- 21
질문&답변
9장 API서버에서 사용자 정보 추출하기 호출 오류 문의
이건 프로젝트를 실행해 봐야 정확한 원인을 알 수 있을 듯 합니다. https://drive.google.com/drive/folders/1ZLHRKaXx8Ou8kZNd1WE6qALxq_wJODXW 에 프로젝트를 올려주시면 저녁에 테스트를 해 볼 수 있습니다. 코드 올리신 후에 댓글 남겨주세요
- 0
- 2
- 42
질문&답변
로그인 처리 시 패스워드 null이 들어 가는 현상
음.. 제 경우는 XML상단에 PasswordEncoder 를 정의해 두긴 했습니다만.. 혹시 위의 부분이 없지는 않나요
- 0
- 2
- 28
질문&답변
소스코드는 어디서 받을수 있나요?
카페에 있는 링크는 텍스트이고.. 강의의 각 섹션 마지막에 보면 수업자료 등의 형태로 파일이 추가되어 있습니다.
- 0
- 2
- 61