본문 바로가기
반응형

프로그래밍/JavaScript19

[JavaScript] (+ - * /) 연산자 특성정리 연산이 들어왔을때 해당 값타입은 숫자로 변환을 시도한다. 자바스크립트는 기본적으로 웹페이지에서 활용되기 때문에 민감한 에러를 내지 않으려는 특성을 가진 언어이다. 해당 값은 연산을 위해 변환된 값이다. 값타입 / 연산때문에 변환을 시도할때 Undefined => NaN Null => 0 Boolean => true:1, false:0 Number => 전후 같음 String => 값이 숫자이면 숫자연산, 더하기는 연결 [ + 연산자 ] + 연산의 특성 var two = "2"; var value = 1 + two console.log(value); // 12 console.log(typeof value); // string var data = 1 + 5 + 'ABC' console.log(data); /.. 2021. 2. 19.
미션 1. addEventListener를 사용했을때, onclick을 사용했을때의 차이 정확히 알기 var word = document.querySelector("#n"); word.addEventListener('click', function( )) var word = document.querySelector(); word.onclick = function() { } 2. addEventListener 사용시 자식 태그들은 어떻게 처리하는지 정확히 알기 3. querySelector와 getElementById 방식의 차이 정확히 알기 4. bind를 써야할 때 5. 이벤트 처리의 인라인 방식과 프로퍼티 방식 정확히 알기 ETC 반복문의 버튼 구현 hammerbrother.tistory.com/14 자바스.. 2021. 2. 16.
[JavaScript] push와 concat의 중요한 차이 배열에 원소를 추가하는 방법 2가지중 push와 concat은 어떤 차이가 있을까? var arr1 = [1, 2, 3]; arr1.push(4); // arr1은 [1,2,3,4] * push는 오리지널 값이 아예 바뀌어서 arr1은 완전히 1,2,3,4 가 된다. var arr2 [1, 2, 3]; var result = arr2.concat(4); // result는 [1,2,3,4] // arr2는 [1,2,3] * concat은 오리지널 값은 그대로 두고, 새로운 값이 생긴다. 오리지널 데이터를 아예 변결할 것인지, 아니면 오리지널 데이터를 따로 두고 추가할 것인지 잘 판단을 해서 사용해야 한다. 2021. 1. 31.
[JS] 변수 선언 : var / let / const의 차이점[ES6] 특징 var let const 변수재선언 재선언가능 재선언불가능 재선언불가능 변수재할당 재할당가능 재할당가능 재할당불가능 var >> let >> const 갈수록 엄격해지는 특징 1. 변수 재선언 / 재할당이 가능한 var의 문제점 var test = "first"; console.log(test) // first var test = "second"; console.log(test) // second test = "third" console.log(test) // third yes = "third"; var yes; 변수 재선언 / 재할당 가능 이미 test라는 이름이 존재해도 전혀 에러가 나지 않을 뿐더러, 기존 변수에 재할당하는 것도 가능하다. 또한, 해당 코드의 yes는 호이스팅 되어 var를 쓰.. 2021. 1. 15.
반응형

티스토리툴바