분류 전체보기260 Plmography 프로젝트 작업 로그 #32 - 리뷰 목록 출력 (23.01.13 TIL) 오늘은 내가 쓴 리뷰와 다른 사람이 쓴 리뷰를 나눠서 화면에 띄우는 작업을 하고 있었다. 리뷰가 5개면 2페이지로 넘어가는 페이지네이션을 만들었는데, 전체 리뷰 목록을 불러오는 api 한 개에서 호출을 하다보니,,내가 쓴 리뷰까지 5개 개수에 포함되어 2페이지 버튼이 생기는 것이었다. 더군다나 2페이지를 누르면 내가 쓴 리뷰도 안 보이게 됨.. 그래서 전체 목록을 조회하는 api 와 내가 쓴 리뷰만 가져오는 api 를 나눠서 만들고 따로 리뷰 목록을 불러오면 되지 않을까 생각중이다. 레포지토리에서 @Query 어노테이션을 사용해서 내 리뷰 빼고 전체 목록을 가져오는 것도 가능할까? 일단 구현을 해보자! 2023. 1. 13. Plmography 프로젝트 작업 로그 #31 - 리뷰 목록 출력 (23.01.12 TIL) 오늘은 컨텐츠 상세 페이지에 등록된 리뷰 목록을 출력하는 작업을 하고 있었다. 외부 api 를 통해 db 에 저장한 컨텐츠 중에, 해당 id 만 뽑아서 리뷰 데이터에 있는 contendId 랑 비교 후, 동일하면 해당 리뷰를 불러오는 기능을 구현하고 싶었고, 먼저 리뷰의 아이디와 컨텐츠의 아이디를 비교하는 작업을 진행했다. 배열 목록을 filter() 메서드를 사용해서 해당하는 리뷰만 뽑았는데 아무리 해도 빈 배열이 나오는 것이었다. 그래서 db 의 id 가 제대로 호출이 되지 않나 싶어서 콘솔에 찍어봐도 아래 사진처럼 컨텐츠 아이디는 잘 나왔다. 계속 시도를 하다가 결국 실수를 발견했는데, 외부 api 를 저장할 때는 String 형태로 id 를 저장했지만, 리뷰를 저장할 때는 숫자로 저장했기 때문에 .. 2023. 1. 12. Plmography 프로젝트 작업 로그 #30 - Java 의 Pageable 클래스 (23.01.11 TIL) 이번주는 프론트 구현에 힘을 싣기로 한 만큼 어제부터 프론트에만 집중하고 있는데 하나 건너 하나 오류 해결중이다..ㅋㅋㅋ 오늘의 디버깅 포인트는 페이징 기능을 구현하기 위해 레포지토리에 정의한 Pageable 클래스 였다. 코드는 아래와 같다. // repository layer public interface ReviewRepository extends JpaRepository { Page findAllByUserId(UserId userId, Pageable pageable); } // controller layer @GetMapping public ReviewsDto list( @RequestAttribute Long userId, @RequestParam(required = false, defaul.. 2023. 1. 11. Plmography 프로젝트 작업 로그 #29 - React 에서 import 문 중괄호 의미 (23.01.10 TIL) 프론트에서 생성한 스토어를 테스트하던 도중, 테스트는 다 통과하는데 콘솔로 아래와 같은 에러가 떴다. 구글링을 해보니 axios 가 에러이거나, api 서비스에서 url 의 경로를 잘못 설정하거나, 슬래시('/') 를 붙이지 않은 경우 발생한다는 답변이 대부분이어서 모두 확인해 봤는데도 에러가 사라지지 않았다. 그러던 와중 8000 번대 호스트를 미리 지정해놓은 baseUrl 의 import 문이 뜬금없이 중괄호로 쌓여져 있는 것을 발견했다. // config.js const config = { apiBaseUrl: 'http://localhost:8000', }; export default config; ---------------------------------------------- // 내가 im.. 2023. 1. 10. Plmography 프로젝트 작업 로그 #28 - 백엔드, 프론트 우선순위? (23.01.09 TIL) 주간회고에도 썼지만, 나는 이번 스프린트를 진행하는 3주 동안 프론트보다는 백엔드의 작업량이 8:2 비율로 훨씬 높았다. 프론트 테스트에서 한 번 오류 나기 시작하면 하루종일 디버깅하는 데에 시간을 보내서도 그렇고, 백엔드는 CRUD 작업 위주이다 보니 아직 좀 더 익숙한 탓인 것도 있다. 여기서 실수한 것은, 프론트 구현은 무조건 백엔드 api 가 있어야 한다고 생각한 것이다. 이러한 내 상황을 오늘 트레이너분과 함께 스프린트를 점검하면서 전달드렸고 이에 대해 받은 피드백은, 프론트 UI 를 먼저 구현하면서 데이터는 하드코딩으로 쌓아놓으면 나중에 백엔드에서 만든 api 만 붙이면 일이 훨씬 더 수월해진다는 점이다. 그리고 아차, 싶었던 것은 이 피드백은 프로젝트를 시작하며 프론트를 처음 구현할 때 1기.. 2023. 1. 9. 1월 첫 번째 주간회고 (feat. Plmography 프로젝트 3주차) 📚 230102-230108 3주차 스프린트가 끝이 났다. 이번 3주차 스프린트는 1~2 주차 때 큰 실패를 겪은 후 반성한 내용을 토대로 작성한 스프린트라서 2주차 보다는 많은 진전이 있었다. 2주차때는 (물론 독감에 걸리는 등의 이슈가 있었지만) 50프로도 달성을 못한 반면에, 3주차는 계획한 75 뽀모 중 65 뽀모를 달성했다. 하지만 어떻게 매주 반성할 거리가 생기는 지, 이번 주도 반성할 부분이 많다. 일단 프론트 구현 부분에 대한 이해 부족 때문인지, 손이 잘 가지 않는 현상이 발생했고, 이번주는 프론트를 하나도 손 대지 못했다. 일주일 내내 백엔드만 했다는 소리이다..이렇다보니 비록 백엔드 테스트는 다 통과했지만 과연 내가 원하는 대로 프론트에서 동작이 될까? 하는 조바심이 계속 생겼다. 실.. 2023. 1. 9. 이전 1 2 3 4 5 6 7 8 ··· 44 다음
