개발자의 끄적끄적

[javascript/jquery] javascript DOMException: The play() request was interrupted by a new load request error 해결 방법 javascript 에서 video or audio 파일을 태그에 넣어서 재생하려고 할때 아래와 같은 에러가 발생하는 경우가 있습니다! DOMException: The play() request was interrupted by a new load request 그럴때는 아래와 같이 예외처리 조건문을 작성해주면 됩니다! 우선, video.play() 의 결과를 playPromise 라는 변수에 담고, var playPromise = video.play(); 아래 구분을 그대로 play() 하는 바로 밑줄..

[javascript/jquery] jquery mouse scroll event library / jquery 마우스 스크롤 이벤트 라이브러리 jquery는 라이브러리 굉장히 많습니다! 그중에서 마우스 스크롤 이벤트와 관련된 라이브러리를 공유해보고자 합니다! 바로 scrollify 입니다! 스크롤 이벤트가 발생할때마다 정해놓은 섹션으로 이동이 되는 라이브러리 입니다! 저도 사용해봤는데요. 적용이 쉽고 깔끔하게 표현되는거 같아서 공유합니다! 아래 링크 들어가셔서 데모와 예제소스 확인해보시고 적용하시면 금방하실꺼예요! jquery scrollify library site url : https://projects.lukehaas.me/scrollify/#home jQuery Scrollify - Power ..

[javascript/jquery] pdf.js go to page example / pdf.js 페이지 이동 방법 pdf.js 파일을 이용하여 웹 페이지에서 pdf 뷰어를 구현하다 보면 스크립트를 이용해서 특정페이지로 이동시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다! PDFViewerApplication.page = PAGE NUMBER; 위 내용 보시면 아시겠지만, PDFViewerApplication 객체에 page 라는 값을 원하는 페이지번호로 세팅해주면 됩니다! 참고들 하세요!

[javascript/jquery] javascript Check for element existence example / 자바스크립트 요소 존재여부 확인방법 javascript 에서 특정 요소를 가져오려면 document 를 사용하는데요 그중에서 특정 아이디를 가지고 있는 요소를 가져오려면 아래와 같이 getElementById 를 사용합니다. document.getElementById("TARGET ID") 하지만 어떤경우에는 조건에 따라서 해당 요소가 있거나 없을수 있는데요, 만약, 요소가 없을때 요소를 가져오려고 하면 에러가 발생합니다! 그럴때는 아래와 같이 앞에 !! 를 붙여주면 됩니다. var is_exist = !!document.getElementById("TARGET ID") 위 내용 보..

[javascript/jquery] jquery datatable move to page example / jquery datatable 페이지 이동 처리 방법 jqery datatable 에서 제공하는 page 기능을 사용할 수도 있지만, 특정 상황에 따라 페이지를 강제로 이동시켜야 하는 경우가 있습니다! 그럴때는 아래 방법을 사용하시면 됩니다! table.page(num).draw(false); 위 내용을 보시면 아시겠지만, datatable 로 이루어진 table 라는 객체가 있다고 가정하고 page(이동할 페이지번호).draw(false) 를 실행해주면 페이지가 이동되게 됩니다! 새로고침후 원래 페이지 번호로 이동한다든가 하는 경우에 사용하시면 될듯 합니다! 참고들 하세요!

[javascript/jquery] jquery datatable page number example / jquery datatable 페이지 번호 확인 방법 jquery datatable 을 이용하다보면 하단에 페이지 번호가 나오기는 하지만, 실제적으로 페이지 번호를 데이터로 확인해야 하는 경우가 있습니다! 그럴때는 아래와 같이 확인이 가능합니다! 우선 member_table 라는 아이디를 가진 datatable 을 mem_table 이라고 가정하고, let mem_table = $('#member_table').DataTable(); 아래와 같이 하면 page_num 이라는 변수에 페이지 번호가 담기게 됩니다! let page_num = mem_table.page.info().page; 참고들 하세요!

[javascript/jquery] javascript confirm example / 자바스크립트 confirm 사용법 및 예제 javascript 에서 ajax 를 이용해 서버로 데이터를 보내기전, 유효성 검사나, 사용자에게 확인을 되묻는 경우가 있습니다. 그럴때는 confirm 을 이용하시면 됩니다. 아래와 같이 되묻고자 하는 부분에 confirm 을 사용하시면 됩니다. var test = confirm('테스트중입니다. 계속하시겠습니까?'); 그러면 alert 창이 뜨게 되구요! 사용자가 alert 창에서 확인 / 취소 버튼을 누르게 되면 boolean 형태로 true / false 가 반환됩니다! 이걸 이용해서 다음으로 진행할지 안할지 여부를 결정하는데 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] javascript screen.width example / 자바스크립트 해상도 width 구하는 방법 javascript 에서 현재 해상도의 가로값, 즉, width 를 확인하고 싶은경우가 있습니다. 반응형이나 등등 제어를 해야 하는 경우에 주로 사용이 되는데요! 그럴때는 screen 객체의 width 를 사용하시면 됩니다. 아래는 기본 사용법 입니다. screen.width 위에 나와있는 screen.width 를 console.log 나 alert 를 이용하여 출력해보면 결과는 아래와 같이 픽셀단위로 출력됩니다! 1920 참고들 하세요!