Wanna be Brilliant Full-Stack Developer

포토그램 SNS 클론 코딩 프로젝트 58-64강 까지 완료하기 노마드코더 바닐라 JS 챌린지 수업 수강 및 과제 제출 자바 개념 2강 정리! 스프링 개념 2강 정리! 모두 완료!!

LikesRepository도 만들고 LikesService도 만들고 있는데 LikesApi컨트롤러를 만드는것이아니라 ImageApi컨트롤러를 만들것이다 . 그이유가 주소가 @PostMapping("/api/image/{imageId}/likes") 이렇게 나오는데 주소가 시작이 이미지가 된다, 이미지를 좋아하는것이 아니라 어떤 유저를 좋아하는거라면 /api/user/{userId}/likes 만들겠지만 우리는 이미지를 좋아하는것이기떄문에 @PostMapping("/api/image/{imageId}/likes") 이렇게 만들기 위해 이미지API 컨트롤러에서 만든다! package com.cos.photogramstart.web.api; import java.util.List; import org.spr..

목표 좋아요 모델 만들기 좋아요 API 만들기좋아요 구현하기 여기에 보면 toggleLike라고 있는데 아이디가 -1이라서 문제이다. 그래서 다른애들을 못찾는것이다 그래서 아이디를 이미지 아이디로 주려고한다. /** 2. 스토리 페이지 (1) 스토리 로드하기 (2) 스토리 스크롤 페이징하기 (3) 좋아요, 안좋아요 (4) 댓글쓰기 (5) 댓글삭제 */ // (1) 스토리 로드하기 let page = 0; function storyLoad() { $.ajax({ url: `/api/image?page=${page}`, dataType: "json" }).done(res=> { console.log(res); res.data.content.forEach((image)=>{ let storyItem = get..

// (2) 스토리 스크롤 페이징하기 $(window).scroll(() => { console.log("스크롤중"); }); $(window).scroll(() => { console.log("윈도우 scrollTop",$(window).scrollTop()); console.log("문서의 높이",$(document).height()); console.log("윈도우 높이",$(window).height()); }); 이렇게 해서 이 값들이 무엇을 의미하는지 체크해보자! 내리면 내릴수록 ScrollTOp이 이 스크롤의 위치이다. 문서의 높이와 윈도우 높이는 고정이다! 윈도우 높이는 문서의 높이에서 윈도우 높이를 빼면 정확히 ScrollTop 결과가 나온다. 컴퓨터 화면마다 문서의 높이와 윈도우 높이가..