어렵게 살기

https://kamsi76.tistory.com/entry/Base64-Image-%EC%A0%95%EB%B3%B4%EB%A5%BC-Blob%ED%98%95%ED%83%9C%EB%A1%9C-%EB%B3%80%ED%99%98

amChart dispose 중요성과 순서의 중요성. amChart 를 사용할 때 지우기 않고 사용하면 브라우저에 이벤트 리스너가 쌓여서 메모리가 쌓이는 것을 알 수 있다. >> 원래는 exporting.js(차트 다운로드 러이브러리)와 index.js(amChart가 불러오는 js 파일, 그 안의 이벤트가 불리는 듯)가 계속 쌓였다. 그래서 dispose를 해주어야하는데.. 순서가 중요하다.. 순서가 깨지면 오류가 발생.. dispose 순서, 그런데 다시 확인해보니, root만 잘 초기화해줘도 이벤트는 쌓이지 않는다... 그렇다.. 다른 분이 도움줬다... 구조도.. prototype을 사용해서 접근성을 제한했다.. 이것도 도움주시고 알려줬다... 차트 내 개별 함수 접근하지 못하도록 함수로 묶은 후..

목차 for loop optimized for loop for - of for - in forEach 결론 for loop let start = new Date().getTime(); let arr = Array(10000000).fill().map((_, i) => i); let sum = 0; for(let i=0; i i); let sum = 0; for(let i=0, j=arr.length; i i); let sum = 0; for(let val of arr) { sum += val; } let end = new Date().getTime(); console.log(end - start); // 1317 for - in let start = new Date().getTime(); let arr ..

Javascript에는 정수가 없고 64비트 부동 소수점만 있으며 부동 소수점 정밀도가 부족합니다. Java에서 유사한 문제를 참조하십시오 . Double.parseDouble이 9999999999999999를 10000000000000000으로 만드는 이유는 무엇입니까? why is the Double.parseDouble making 9999999999999999 to 10000000000000000? why is the Double.parseDouble making 9999999999999999 to 10000000000000000 ? For Example : Double d =Double.parseDouble("9999999999999999"); String b= new DecimalFormat(..

[JavaScript] Number Precision (소수 연산, 계산 정밀도) 뿌리튼튼 CS/Web2015. 7. 27. 15:38 소수 연산(Floating point arithmetic)은 때때로 정확하지 않다. 1 2 3 var x = 0.2 + 0.1; alert(x); // alert 0.30000000000000004 cs 위 문제를 해결하기 위해 정수형 연산으로 바꿔 계산한다. 1 2 3 var x = (0.2 * 10 + 0.1 * 10) / 10; alert(x); // alert 0.3 cs 출처 : http://www.w3schools.com/js/js_numbers.asp https://stroot.tistory.com/51 [JavaScript] Number Precision ..

https://ibks-platform.tistory.com/397 [Javascript] video.js 사용법 안녕하세요. 남산돈가스입니다. 오늘은 HTML5 기반에서 동작되는 웹페이지 환경에서 손쉽게 동영상 플레이어를 제공할 수 있는 Javascript인 video.js에 대해서 알아보려고 합니다. video.js는 HTML5에서 ibks-platform.tistory.com video.js 설명을 잘 한 블로그 링크

회사에서 이 2가지를 쓰는 곳이 있었음. 둘의 차이는? https://karzin.tistory.com/221 [jQuery] $(document).ready() 와 $(window).on("load") [jQuery] $(document).ready() 와 $(window).on("load") 오늘도 어김없이 Project.다원 Ensemble 개발을 진행했지만.. Back단 작업하느라 딱히 보여줄만한게 없어서(눈으로 보이는 부분은 아니기 때문에..ㅠㅠ) 그냥 karzin.tistory.com 위 함수가 어떠한 순서로 웹사이트가 load되는지 $(document).ready() $(document).ready()의 경우 DOM(Document Object Model) 페이지가 JavaScript코드를 ..

new 키워드는 객체를 생성하는 방법 중, 생성자 함수(Constructor) 를 사용하여 객체를 만들 때 함께 쓰는 키워드이다. new 생성자함수명() 의 형식을 통해 자바스크립트에서 동일한 구성을 가진 객체를 여러 개 만들어 낼 수 있다. 📌 생성자 함수란? 생성자 함수를 통해 새로 만든 객체에 속할 프로퍼티들을 초기화 하는 역할을 한다. 📌 new키워드와 생성자를 통해 객체를 만드는 방법 function bar(){ this.name = "shinye"; this.age "27"; } var foo = new bar(); // 이제 foo객체는 다음과 같아진다. foo = { name:"shinye", age:"27" } foo.name // "shinye" 새 객체 생성 : 객체 리터럴로 생성되는..

Query 에서 매우 일반적인 사용은 변수에 저장된 jQuery 객체를 다른 변수와 구별하는 것입니다. 예를 들어 다음과 같이 정의합니다. 1) jquery에서.. var $email = $("#email"); // refers to the jQuery object representation of the dom object var email_field = $("#email").get(0); // refers to the dom object itself 이것은 jQuery 코드를 작성하는 데 매우 도움이되며 다른 속성 집합을 가진 jQuery 객체를 쉽게 볼 수 있도록합니다. 2) 그냥 js에서.. 강의를 듣다가 변수를 선언할 때 jQuery가 사용되지 않음에도 변수명에 $를 사용하는 것을 보았다. 물론 ..

HTMLCollection은 동적이고 NodeList는 정적 HTMLCollection과 NodeList는 모두 유사 배열 객체이면서 이터러블입니다. 따라서 둘 다 length 프로퍼티를 가지므로 객체를 배열처럼 접근할 수 있고 반복문을 돌 수 있습니다. 그러나 유사 배열 객체이기 때문에 자바스크립트에서 제공하는 배열 객체의 메소드는 사용할 수 없습니다. (ex. map, forEach, reduce 등등) HTMLCollection getElementsByTagname, getElementsByClassName 메서드가 반환하는 HTMLCollection 객체는 "노드 객체의 상태 변화를 실시간으로 반영하는 살아있는 live DOM 컬렉션 객체"입니다. 여기서 '살아있다'라는 의미는 객체가 스스로 실시..