낙낙™ 트렌드

JavaScript Polyfill은 웹 브라우저가 새로운 JavaScript 기능을 지원하지 않을 때, 해당 기능을 구현하는 코드를 말한다. 즉, 오래된 웹 브라우저에서도 최신 JavaScript 코드를 사용할 수 있게 해준다 예를 들어, ES6에서 추가된 Array.from() 메소드는 오래된 웹 브라우저에서 지원되지 않는다. 따라서, 이 기능을 사용하려면 polyfill을 사용해야 한다. Polyfill은 Array.from() 메소드가 지원되지 않는 웹 브라우저에서 이를 대신할 수 있는 코드를 작성하여, 해당 기능을 사용할 수 있도록 한다. Polyfill을 구현하는 방법에는 여러 가지가 있는데 일반적으로는 먼저 지원 여부를 체크하고, 지원하지 않을 경우에만 해당 기능을 구현하는 코드를 실행하는 ..

하기 코드와 같이 상세페이지에 이동할 때 Form submit 처리 시 로딩 애니메이션을 실행하는 경우 History back(뒤로가기)를 클릭하는 경우 무한 로딩 애니메이션이 발생되는 경우가 발생된다. function goDetail(id) { let frm = document.detailForm; frm.action = "/detail.do"; frm.id.value = id; frm.submit(); $('#loading').show(); } 위와 같은 이슈 발생 시 beforeunload 이벤트에 로딩 애니메이션을 종료 시켜 주면 된다. beforeunload 이벤트는 사용자가 페이지를 떠날때 발생되는 이미지로 뒤로가기, 새로고침, 브라우저 종료, Form Submit 등에서 beforeunloa..

Bootstrap Datepicker 달력에서 예약한 날짜를 Disabled 처리를 하기 위해 시작일과 종료일 사이의 날짜를 구하는 함수 function getDateRange(startDate, endDate, listDate) { var dateMove = new Date(startDate); var strDate = startDate; if (startDate == endDate) { var strDate = dateMove.toISOString().slice(0,10); listDate.push(strDate); } else { while (strDate < endDate) { var strDate = dateMove.toISOString().slice(0, 10); listDate.push(st..