photogram 리팩토링

photogram 스크롤시 페이징 처리

스크롤 처리시 page +=2 를 하여 페이징 수를 늘려주고 storyLoad함수를 다시호출(ajax호출) // (2) 스토리 스크롤 페이징하기 $(window).scroll(() => { let checkNum=$(window).scrollTop()-($(document).height()-$(window).height()); if(checkNum-10){ page+=2; storyLoad(); } }); offset 페이지 0 1, 2 Limit 한페이지에 몇개가 나오게할것인가. let page=0; // (1) 스토리 로드하기 function storyLoad() { $.ajax({ url:"/api/image?offset="+page+"&limit="+2, // 한 페이지에 3개의 게시물만 나오게해..

photogram RestApi 리팩토링 일기 2일차

리팩토링 하기전 소스코드 UserApiController @PutMapping("/user/{id}") public CMResDto update(@PathVariable long id, @Valid UserUpdateDto userUpdateDto, BindingResult bindingResult, @AuthenticationPrincipal PrincipalDetails principalDetails ){ User userEntity = userService.memberUpdate(id, userUpdateDto); return new CMResDto(1,"회원수정완료",userEntity);// 응답시에 유저 엔티티의 모든 getter 함수가 호출되고 JSON으로 파싱하여 응답한다. } UserSe..

photogram 리팩토링 일기

오늘은 메인페이지에 자신이 구독을 한 사용자의 이미지와 댓글을 달 수 있게 할것이다. 리팩토링 하기전 서비스로직 @Transactional(readOnly = true) public Page imageStory(long principalId, Pageable pageable){ Page images = imageRepository.mStory(principalId,pageable); //images에 좋아요 상태 담기 images.forEach((image)-> { image.setLikeCount(image.getLikes().size()); image.getLikes().forEach((like)->{ if(like.getUser().getId() == principalId) { image.setLi..