JavaScript
-
[Javascript] Selection에 대해 알아보자JavaScript 2024. 5. 1. 19:59
https://ko.javascript.info/selection-range 의 Selection 파트를 번역했다일부 내용이 포함되지 않을 수 있다 SelectionRange는 선택 범위를 관리하기 위한 generic 객체이다.Range를 생성해도 range만으로는 실제로 선택을 할 수없다.실제 선택을 하기위해서는 Selection 객체를 이용해야 한다.window.getSelection( ) 이나 document.getSelection( )을 통해 Selection 객체를 얻을 수 있다.Selection API specification 에 따르면Selection은 0개 이상의 range를 가질 수도 있다고 하지만 Firefox에서만 여러개의 선택 범위를 가질 수 있다.다른 브라우저에서는 최대 1개의 ..
-
[JavaScript] Range에 대해 알아보자JavaScript 2024. 4. 30. 21:46
https://ko.javascript.info/selection-range 의 Range 파트를 번역했다일부 내용이 포함되지 않을 수 있다 Range아래와 같은 Html 태그가 있다Example: italic and bold 의 children은 순서대로 0. Example: 1. italic 2. and 3. bold 여기서 Exampe: italic 부분을 선택하게 되면 의 0번째, 1번째 children을 선택한 것이다. 코드는 아래와 같다. range.setStart(p, 0); range.setEnd(p, 2);range.setStart(p,0) - 스타트를 의 0번째 child로 설정range.setEnd(p, 2) - range를 2번째 child까지 늘린다 (2번..
-
[JavaScript] forEach()와 map()는 뭐가 다를까JavaScript 2024. 4. 24. 00:35
해당 글은 forEach( )와map( )의 개념을 이해하기 위해 아래 article을 번역한 글입니다 번역에 틀린 부분이 있을 수 있음을 알려드립니다 https://medium.com/@nusrat35/javascript-map-vs-foreach-cb4704636402 JavaScript: forEach() vs map() When to Use Which One medium.com 배열을 반복적으로 접근하기 위해, JavaScript는 몇 가지 효율적인 함수들을 갖고 있다. 배열을 반복하기 위해 가장 자주 사용되는 두 가지 메서드로 forEach( )와 map( )이 있다. 두 메서드 모두 반복을 시행하고 결과를 생성하는데 두 메서드의 차이점이 무엇일까? 특히 새로 시작하는 분들을 위해 몇 가지 ..