목록frontend/javascript (29)
DEVLOG
AJAX Ajax란? 일단 데이터를 사용해보기전에 Ajax에 대해 알아보자면... Ajax를 이용하여 개발을 손쉽게 할 수 있도록 미리 여러 가지 기능을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 합니다. 그중에서도 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 바로 제이쿼리(jQuery)입니다. http://www.tcpschool.com/ajax/ajax_jquery_ajax 제이쿼리는 Ajax와 관련된 다양하고 편리한 메소드를 많이 제공하는데 가장 핵심이 되고 많이 사용하게 되는 $.ajax()메소드에 대해 정리해보고자 한다! 그 외의 메소드들은 여기서 확인해볼 수 있다. $.ajax()메소드 $.ajax()메소드는 비동기식 Ajax를 이용하여 HTTP요청을 전송하는 메소드이며 원형은 다..
최근 react를 공부하면서 map, reduce등 배열에 관한 다양한 메소드를 만나고 있다. 무작정 반복문을 써가면서 작업을 하는 것 보다 내장된 메소드들을 잘 알아두고 활용하는게 좋다!! JS의 다양한 메소드를 만나보자 (1편) map() reduce() concat() push() filter() slice() 자바스크립트 내장 메소드 중 가장 강력하고 유용하다고 알려진 map()과 reduce()함수에 대해 알아보고, 그 외에 배열과 관련된 다양한 메소드를 알아보자~~ ● map() : 콜백함수의 리턴을 모아서 새로운 배열을 만들 수 있다. : 요소를 일괄적으로 변경하는데 효과적임 배열.map(function(현재값[, index[, array]])[, thisArg]); callback : 새로..
https://ko.khanacademy.org/computing/computer-programming/html-css-js/html-css-js-intro/e/quiz--javascript-recap JavaScript 정리하기 (연습) | 인터랙티브 웹 페이지를 만들 준비하기 | 칸아카데미 계속 진행하기 전에 JavaScript에 관해 충분히 기억하고 있는지 확인해 봅시다. ko.khanacademy.org
michalsnik.github.io/aos/ 트윈맥스 + 스크롤 모션의 기능을 하나로! AOS! 굳이 트윈맥스를 사용하지 않아도 되는 기능들은 AOS를 사용해도 좋다 대신 AOS와 트윈맥스+스크롤은 함께 사용하면 코드가 무거워지니 둘 중에 하나만 사용하기 :: 트윈맥스+스크롤을 사용할 경우 :: AOS를 사용할 경우 사용법 data-aos: 적용할 애니메이션 효과의 이름 data-aos-duration: 적용할 애니메이션의 효과 지속시간(ms) ex) 1500ms --> 1.5초 Example Animations Fade animations: fade fade-up fade-down fade-left fade-right fade-up-right fade-up-left fade-down-right fad..