개발/JavaScript

ajax like기능 구현

ajax GET- POST 로 like 기능 구현해보았습니다. 저 같은 경우 데이터 크롤링 후 mongodb안에 데이터를 넣었으며 GET 방식으로 mongodb 데이터를 가져와 웹사이트에 띄우고 POST방식으로 like 기능 구현하였습니다. 크롤링한 웹사이트는 https://movie.naver.com/movie/sdb/rank/rpeople.nhn 이며, 크롤링하는 방법은 이전글 참고 부탁드립니다. 2022.05.18 - [개발/Python] - 웹 크롤링 기초1 2022.05.19 - [개발/Python] - 웹 크롤링 기초2 - DB연결 및 insert 우선 ajax로 데이터를 전송할 땐 아래와 같은 기본 구조로 데이터를 GET 또는 POST 방식으로 서버로 던져줍니다. $.ajax({ url: '..

jQuery 순차적으로 보이게 하기

jQuery와 animate 를 이용하여 버튼을 눌렀을 때 특정 문자 등 순차적으로 보이게 하는 방법은 아래와 같습니다. jQuery 와 animate 라이브러리를 사용하기 위한 CDN은 아래와 같으며 안에 넣어 사용하여야 합니다. 버튼 눌렀을 때 한 개의 객체를 보이게 하는 방법은 아래와 같습니다. box css에 opacity(투명도)를 0으로 주고 javascript에서 animate 문을 이용해 opacity값을 1로 변경시켜주면 순차적으로 보이게 됩니다. javascript 쪽 1000 값을 수정하면 더 빠르거나 느리게 객체가 보이게 할수 있습니다. $('.box-info-sub').animate({ opacity: '1' }, 1000 ); mybutton box .box-info{ font-..