hsunny study blog

논리 연산자는 보통 bool 값과 사용됩니다; bool 값과 사용될 때, 연산자는 bool 값을 반환합니다. 그러니 `&&` 이나 `||` 연산자는 실제로 명시된 피연산자들 중 하나를 반환합니다. && 예제 var a1 = true && true; // t && t returns true var a2 = true && false; // t && f returns false var a3 = false && true; // f && t returns false var a4 = false && (3 == 4); // f && f returns false var a5 = "Cat" && "Dog"; // t && t returns Dog var a6 = false && "Cat"; // f && t return..

serializeArray() form 요소들(input, textarea, select)을 이름을 key로, 값을 value로 하는 배열로 인코딩합니다. 사용 HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 4 5 6 7 jQuery 1 2 3 4 $( "form" ).submit(function( event ) { console.log( $( this ).serializeArray() ); // A event.preventDefault(); }); A에서 출력되는 내용은 아래와 같습니다. [ { name: "a", value: "1" }, { name: "b", value: "2" }, { name: "c", value: "3" }, { name: "d"..

자바스크립트에서 배열을 선언하는 방식은 2가지가 있습니다. Array 객체를 이용한 선언 객체 리터럴을 이용한 선언 let arr = new Array(); let arr = []; 두 방식의 차이점에 대해 이야기해보도록 하겠습니다. 왜 new Array() 보다 []의 선호도가 높을까? new Array()는 직관적이지 않습니다. - Array 객체의 constructor에 전달하는 숫자가 1개인 경우와 2개 이상인 경우 A. //run Chrome let arr1 = new Array(5); console.log(arr1); // [empty × 5] arr1.length // 5 arr1[0]; // undefined B. //run Chrome let arr2 = new Array(1, 2, 3,..

Math.sqrt(x) 숫자의 제곱근을 반환합니다. 매개변수 X : 숫자 만약 x 가 음수라면 Math.sqrt() 함수는 NaN를 반환합니다. sqrt()는 Math의 정적 메서드 이므로 만든 Math 객체의 메서드가 아니라 항상 Math.sqrt()함수를 사용해야합니다. (Math는 생성자가 없습니다.) 예제 Math.sqrt(9); // 3 Math.sqrt(2); // 1.414213562373095 Math.sqrt(1); // 1 Math.sqrt(0); // 0 Math.sqrt(-1); // NaN 참고사이트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/sqrt

serialize() form 요소들(input, textarea, select)을 쿼리스트링 형태로 인코딩합니다. 사용 HTML 1 2 3 4 jQuery 1 2 var str = $('#form').serialize(); console.log('str: '+ str); // str: name=sunny&tel=12345678

hashChange hash 태그를 url에서 변화시켜 변화된 상태를 확인해서 처리합니다. hashchange 이벤트는 윈도우의 해시가 변경되면 시작됩니다. event handler window.onhashchange = funcRef; // funcRef : 함수에 대한 참조 HTML event handler event listener addEventListener()를 사용하여 이벤트 리스너 추가하기 window.addEventListener("hashchange", funcRef, false); 지원하는 브라우저 Google Chrome: 5.0 Safari: 5.0 Opera: 10.6 Firefox: 3.6 Internet Explorer: 8.0 Edge: Yes 모바일 지원 브라우저 보러가기..

사용할 메소드 Array.prototype.join() arr.join([separator]) join() 메소드를 이용하면 배열의 모든 요소를 연결해 하나의 문자열로 만들 수 있습니다. separator를 생략하면 배열의 요소들이 쉼표로 구분됩니다. 빈 문자열("")이라면 모든 요소들 사이에 아무 문자도 없이 연결됩니다. 반환값 모든 배열 요소들이 스트링으로 결합됩니다. 만약 배열이 길이가 0 이라면, 빈 스트링이 반환됩니다. 배열의 요소가 undefined 또는 null 이면 빈 문자열로 반환합니다. 사용예제 const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // expected output: "Fire,Air,Water..

자바스크립트의 작업 자바스크립트는 기본적으로 하나의 메인 스레드에서 모든 작업이 실행된다. 자바스크립트 엔진이 단일 호출 스택을 사용한다. 이 말은 어떤 작업의 비용이 크거나 대기 시간이 긴 경우에는 애플리케이션 자체가 멈출 수 있다는 말이기도 하다. 비동기 작업을 함으로써 하나의 메인 스레드가 계속 점유하지 않도록 한다. Rx 스케쥴러 프로그래밍 언어의 스케줄러를 효과적으로 사용할 수 있도록 만든 가상의 스케줄러 (in RxJS) 자바스크립트의 스케줄러가 하는 일을 RxJS에서 효과적으로 처리하기 위해서 만든 가상의 스케줄러 동기, 비동기 또는 데이터 전달 주기 등을 제어하기 위해서 사용된다. 태스크 (매크로 태스크) setTimeout, setInterval 등과 같은 callback 함수는 태스크 ..