Wanna be Brilliant Full-Stack Developer

목표 좋아요 모델 만들기 좋아요 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 결과가 나온다. 컴퓨터 화면마다 문서의 높이와 윈도우 높이가..

목표 화면에 뿌리는 AJAX 호출을 해볼것이다! 스토리 로드하기 부분 story.js를 구현을 해보려고한다! /** 2. 스토리 페이지 (1) 스토리 로드하기 (2) 스토리 스크롤 페이징하기 (3) 좋아요, 안좋아요 (4) 댓글쓰기 (5) 댓글삭제 */ // (1) 스토리 로드하기 function storyLoad() { $ajax({ url: `/api/image`, dataType: "json" }).done(res=> { console.log(res); }).fail(error=>{ console.log("오류",error); }); } storyLoad(); function getStoryItem() { } // (2) 스토리 스크롤 페이징하기 $(window).scroll(() => { }); ..

목표 포토리스트 API 만들기 Ajax로 포토 리스트 가져오기 페이징 처리하기 유저정보와 이미지 정보만 들고와서 리턴을 해보는 로직을 만들어보자! 어떤 유저와 어떤 이미지 정보인지 데이터베이스에 쿼리를 적어보자! 자기가 올린 이미지는 스토리에서 볼필요가 없다! 내가 만약에 지금 2번으로 로그인했을떄 피드에 어떤 이미지가 나와야하냐면 userId = 1, 3 이 피드에 나와야한다. SELECT * FROM image WHERE userId IN (1,3); 이런 쿼리로 이런 결과가 나오는데 1, 3 과 같이 상수로 적을수 없으니 SELECT toUserId FROM subscribe WHERE fromUserId = 2; 이 두명의 이미지만 보면되니 SELECT * FROM image WHERE userI..