자바스크립트 검색 결과
4 개의 검색 결과가 있습니다.
자바스크립트/웹 개발

자바스크립트에서 오디오 알림 사용하기 (크롬 autoplay 차단 정책 우회 방법)

2022.04.06 - [자바스크립트] - 자바스크립트 특정 이벤트가 있을 때 favicon변경과 title 변경을 통한 알림 구현하기 얼마 전에 이것을 구현 했다가 알림음까지 나오면 좋겠다 싶어서 소리 재생까지 하는 구문을 추가해보았다. var audio = new Audio('../../complete.mp3'); function changeFavicon() { var iconNew = '../../favicon2.ico'; document.getElementById('favicon').href = iconNew; document.title = "Completed -- View Source" } function changeBaseFavicon() { var iconNew = '../../favicon..

2022. 4. 7. 16:06
자바스크립트/웹 개발

자바스크립트 특정 이벤트가 있을 때 favicon변경과 title 변경을 통한 알림 구현하기

특정 서비스에서 요청을 보내고 다른 탭에서 활동 하고 있을 때, 요청 응답이이 오게 되면 favicon이 변함과 동시에 title도 변하게 됨으로써 요청이 완료 됐는지 확인할 수 있다. 이것을 구현해보겠다. 우리가 구현해야할 기능은 다음과 같다. 특정 이벤트가 있을 때, favicon과 title을 변경해주는 기능 하지만 내가 이미 페이지를 보고 있다면 favicon과 title을 변경하면 안된다. 알림을 보고 원래 페이지에 접속 했을 때, favicon과 title을 원래의 것으로 변경해주어야 한다. 1번 기능부터 구현해보겠다. favicon에 id를 추가해주고, function changeFavicon() { var iconNew = '../../favicon_red.ico'; document.get..

2022. 4. 6. 17:51
자바스크립트/자바스크립트 악성코드 분석

DDoS 공격 자바스크립트 악성코드 분석

회사 일 때문에도 그렇고, 트위터에도 많이 돌아다녀서 분석을 해보게 됐다. 코드를 티스토리에 올리면 혹여나 문제가 생길까 싶어 코드 자체를 올릴 수는 없을 것 같다. 현재 특정 사이트 내부에 해당하는 스크립트가 들어있어 사이트에 접속하면 자바스크립트 코드가 자동으로 실행되며 사용자의 PC CPU사용률은 100%까지 올라간다. 분석이라기 보다는 코드 해석을 해보겠다. 얼핏 보면 fetch요청을 하는 평범한 코드처럼 보이지만, 가장 중요한 키워드는 for문이 무한루프로 돌고 있다는 것과 비동기 처리, AbortController의 사용이다. fetch를 사용할 때, signal이라는 옵션을 사용하여 controller.signal을 넣으면 controller.abort() 함수가 실행이 되었을 때, fetc..

2022. 3. 30. 23:15
자바스크립트

jQuery, flotcharts.js 라이브러리로 실시간 그래프 만들기

오늘은 flotcharts라이브러리로 실시간 그래프를 만들어보겠습니다. 먼저 그래프를 만들기 위해 필요한 라이브러리는 다음과 같습니다. 이 라이브러리들을 추가시켜 주신뒤 개발을 시작해주시기 바랍니다. 첫번째로, 그래프를 찍을 HTML의 요소를 만들어줍니다. 두번째로, 그래프의 X좌표에 들어갈 시간 데이터를 가지고 오기 위해 함수를 만들어줍니다. var data = []; var data2 = []; var d_cpu; var d_mem; function getTimeData() { var date = new Date(); var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); var minutes = date.getMinut..

2022. 3. 11. 09:42