g-scrolling-carousel is a jQuery plugin that displays a large group of items in a horizontal scrolling carousel/swiper 특히, 내부 컨텐츠 개수를 알 수 없을 경우 유용하게 사용할 수 있다. Features: Automatically...
Continue reading...javascript
Window load 분석
브라우저는 웹페이지를 읽어올때 html파일을 먼저 읽은 다음에, 그에 관련된 이미지나 폰트, 필요한 리소스를 함께 다운로드 한다. 그리고 자바스크립트 파일이 있다면 그 자바스크립트 파일도 다운로드 받는데, 이 부분은 블로그 자바스크립트 defer async...
Continue reading...비동기 처리를 위한 Promise & async & await
async와 await는 promise를 조금 더 간결하고 간편하게, 동기적으로 실행되는 것 처럼 보이게 만들어줌 즉, promise 에서 사용하는 then을 무수히 남발할 필요가 없음 새로운 것이 추가된 것이 아닌, 기존에 존재하던 promise위에 조금 더...
Continue reading...비동기 프로그래밍 Callback 지옥 / Promise로 변환
Callback 함수란? 함수를 하나의 파라미터 인자로 전달하는데, 바로 실행되는게 아닌, 특정한 시점에 호출되는 함수를 말한다. 보통 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출한다. synchronous vs Asynchronous 자바스크립트는 synchronous (동기적)이다....
Continue reading...JSON (JavaScript Object Notation)
HTTP 통신 (client – server) AJAX(Asynchronous JavaScript And XML)는 웹페이지에서 동적으로 서버에게 데이터를 주고 받을 수 있는 기술.대표적인 예로, XHR(XMLHttpRequest 오브젝트는 브라우저 API에서 제공하는 오브젝트중 하나로, 이 오브젝트를 이용하면 간단하게 서버에게...
Continue reading...Array – (2) APIs
알아두면 유용할만한 Array API들에 대해 정리해본다. 참고로 vscode 상에서 command + click으로 함수의 정의 및 사용방법을 자세히 알 수 있으니 참고하면 좋을 듯 하다. 또, api를 가져다 쓸때 항상 command +...
Continue reading...Array – (1) grammar
JavaScript는 dynamically typed language Array에 다양한 종류의 데이터를 담을 수가 있다.(좋지 않음)
Continue reading...Javascript Object
기본적으로 primitive 타입은 변수 하나당 값을 하나만 담을 수 있다. 이 경우에 만약 이름과 나이를 출력하고 싶은 함수를 만든다면, 이름과 나이를 파라미터로 전달해주어야 한다. 그리고 함수를 정의할때도 두 가지의 파라미터를 받아서...
Continue reading...