진스

click,dbclick,mousedown,mouseup,mousemove,mouseenter,mouseleave 이벤트가 발생하면 생성되는 MouseEvnet 타입의 이벤트 객체는 고유의 프로퍼티를 갖는다. 마우스 포인터의 좌료 정보를 나타내는 프로퍼티: clientX, offsetX, pageX, screenX clientY, offsetY, pageY, screenY clientX : 브라우저 화면이 기준 => 스크롤은 무시 offsetX : 이벤트가 걸려 있는 DOM객체를 기준 pageX : 문서를 기준 => 스크롤 화면을 포함해서 측정 screenX : 모니터 화면을 기준으로 좌표를 제공 버튼 정보를 나타내는 프로퍼티: altKey, ctrlKey, shiftKey, button

// ...[1, 2, 3]은 [1, 2, 3]을 개별 요소로 분리한다(→ 1, 2, 3) console.log(...[1, 2, 3]); // 1 2 3 // 문자열은 이터러블이다. console.log(...'Hello'); // H e l l o // 스프레드 문법의 결과는 값이 아니다. const list = ...[1, 2, 3]; // SyntaxError: Unexpected token ... // 아래로만 사용 //1.함수 호출문의 인수목록 / 2.배열 리터럴의 요소 목록/ 3.객체 리터럴의 프로퍼티 목록 1. 함수 호출문의 인수목록 const max = Math.max(...arr); // -> 3 var max = Math.max.apply(null, arr); // -> 3 2. 배열..

정규표현식 let price = 1000000; let result = price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); console.log(result); //1,000,000 toLocaleString() const price = 1000000; let result = price.toLocaleString(); //인자를 넣지않으면 default locale이 됨 console.log(result); //1,000,000 let result = price.toLocaleString('ko-KR'); console.log(result); //1,000,000

중복 개수를 구해보자 1. forEach() const arr = ['a', 'b', 'a', 'b', 'c']; const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); console.log(result) //{a: 2, b: 2, c: 1} tip. 객체에 접근때 result['a'] // 2 이용 2. reduce() const arr = ['a', 'b', 'b', 'a', 'c', 'd']; const result = arr.reduce((accu, curr) => { accu[curr] = (accu[curr] || 0)+1; return accu; }, {}); console.log(result) // {a: 2,..

[Javascript] 얕은 복사, 깊은 복사 자바스크립트에서 값은 원시값과 참조값으로 나뉜다. 원시값 Number String Boolean Null Undefined 참조값 Object Symbol 원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 velog.io 자바스크립트에서 값은 원시값과 참조값으로 나뉜다. 원시값 Number String Boolean Null Undefined 참조값 Object Symbol 원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다 const a = 1; let b = a; b = 2 console.log(a); //1 console.log(b); //2 하..

[JavaScript] URL 파라미터 값 가져오기 (feat. location.search / getParameterByName) - URL 파라미터 값 가져오기 - URL상에 보이는 파라미터나 location.href를 이용하여 이동할때 보내는 파라미터 값을 스크립트로 가져와서 사용해 보도록하자. 기본적으로 자바스크립트 내장 함수인 l mine-it-record.tistory.com http://192.168.0.103:8080/publish/EVRY_1530?evtState=winner Object.values(this.$route.query) //{evtState: 'winner'} this.$route.query.evtState //winner this.$route.query.evtState /..

보호되어 있는 글입니다.

|| (or) 첫번째 true 찾는다. 1. 왼쪽부터 오른쪽으로 나가면서 true 체크해서 true면 그 놈의 원래 값을 반환 2. 앞에가 다 false면 마지막놈의 연사자값을 반환 3. 함수같은 무거운건 뒤부터놓고 가벼운 연산자는 앞에 놓고 실행하게해라 const value1 = 4 < 2 const value2 = 3-3; function check() { for (let i = 0; i < 10; i++){ console.log('wait'); } return false } const value4 = 4+1 console.log(value1 || value2 || value4 || check() ); //5 앞에가 다 false 이므로 마지막값 && (and) 첫번째 false 찾는다. 1. 왼쪽부..