JAVASCRIPT

자바스크립트 함수 정리

2022년 8월 13일2022년 8월 14일 jihun30 comment

forEach 1. forEach https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach // Arrow function forEach((element) => { /* … */ }) forEach((element, index) => { /* … */ }) forEach((element, index, array) => { /* … */ }) // Callback function forEach(callbackFn) forEach(callbackFn, thisArg) // Inline callback function forEach(function(element) { /* … */ }) forEach(function(element, index) { /* … */ }) forEach(function(element, index, array){ /* … */ }) forEach(function(element, index, array) { /* … */ }, thisArg) // for 문처럼 continue 하려면 return 을 쓴다. // forEach 문에는 break 키워드가 없으므로…

JAVASCRIPT

자바스크립트 정규 표현식

2022년 7월 29일2022년 8월 15일 jihun30 comment

모질라 MDN https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions # 정규 표현식은 두 가지 방법으로 만들 수 있습니다. 1. 정규 표현식 리터럴 이용. (슬래시로 감싸서 작성) const re = /ab+c/; 2. RegExp 객체의 생성자 이용 const re = new RegExp(‘ab+c’); exec() test() match() matchAll() 1. exec() lastIndex 값을 기준으로 검색해 나감 호출할 때마다 찾은 값에 대한 배열을 반환 찾지 못하면 null 반환 const regex1 = RegExp(‘foo*’, ‘g’); const str1 = ‘table football, foosball’; let array1; array1 = regex1.exec(str1); // array1[0] : foo, lastIndex :…

JAVASCRIPT

자바스크립트 기초 강의 (ES5+) (드림코딩 by 엘리)

2020년 11월 27일2020년 12월 12일 jihun30 comment

클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 유용한 10가지 배열 함수들. Array APIs 총정리 JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 프로미스 개념부터 활용까지 JavaScript Promise 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs 자바스크립트 최신 문법 (ES6, ES11) | 모르면 후회 하는 최신 문법과 사용법 정리 https://github.com/dream-ellie # JavaScript reference https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리…

JAVASCRIPT

자바스크립트 도움되는 정보 1

2020년 10월 22일2022년 7월 3일 jihun30 comment

querySelectorAll(), e.preventDefault(), e.stopPropagation() How to get selected word when double-click on div, p, span? 1. querySelectorAll(), e.preventDefault(), e.stopPropagation() https://stackoverflow.com/questions/34522988/attaching-a-click-event-to-multiple-elements-at-once var elements = document.querySelectorAll(“a, div, img”); for (var i = 0; i < elements.length; i++) { elements[i].addEventListener(“click”, function(e) { console.log(“clicked”); e.preventDefault(); // a 태그의 href 기능을 막음 e.stopPropagation(); // 상위 클릭이벤트를 막음, 현재 클릭이벤트는 막지 않음 }); }; 2. How to get selected word when double-click on div, p, span? // document.selection.createRange().text in IE // window.getSelection().toString() in firefox and webkit document.ondblclick =…

JAVASCRIPT

자바스크립트 기초 강의 (드림코딩 by 엘리)

2020년 7월 30일2020년 7월 31일 jihun30 comment

2강. script async 와 defer의 차이점 1. 참조 사이트 developer.mozilla.org 공식 (설명이 더 자세함) www.w3schools.com 비공식 2. 콘솔에 출력 console.log(“hello”) 3. async, defer 차이 ————————————————————————- <head> <script src=”main.js”></script> </head> parsing HTML blocked fetching js executing js parsing HTML 단점 : js 파일 용량이 크다면 화면 표시까지 오래 걸릴 수 있음 ——————————————————————– <body> … <script src=”main.js”></script> // body 태그 마지막에 위치 </body> parsing HTML fetching js executing js 단점 : 자바스크립트에 많이 의존적인 사이트라면 의미있는 정보가 표시되기까지 오래걸릴 수 있음. ————————————————————————————- <script async…

JAVASCRIPT

웹사이트 마우스 오른쪽 버튼 제한 해제

2020년 4월 1일2020년 4월 2일 jihun30 comment

북마크에 추가 greasyfork.org javascript:(function(){document.body.appendChild(document.createElement(‘script’)).src=’https://greasyfork.org/scripts/12561-allow-copy-and-context-menu-continued/code/Allow%20Copy%20and%20Context%20Menu%20Continued.user.js’})(); ————————————————————- hunweb.iptime.org javascript:(function(){document.body.appendChild(document.createElement(‘script’)).src=’https://hunweb.iptime.org/wp-content/uploads/2020/04/Allow_Context_Menu.js’})(); https://greasyfork.org/en/scripts/12561-allow-copy-and-context-menu-continued