본문 바로가기

전체 글67

forEach , map 알아보기 for이 있는데 forEach 쓰는이유 for문보다 성능은 안좋은데, 배열매소드는 연달아 썼을때 편리하다. 그중 가장 대표적인게 map이라는 메서드 map도 forEach랑 비슷하게 반복문 역활을 해주는데 한가지 기능을 더 해줌 const array = [1, 2, 3, 4]; const result = []; for (let i = 0; i { return element * 2 }) // [2, 4, 6, 8]; array // [1, 2, 3, 4].. 2022. 4. 18.
textContent , innerText 차이 공통점 textContent와 innerText는 그자식 요소의 텍스트 콘텐츠를 반환하거나 대입할 수 있다. 차이점은 textContent innerText 엔터를 이용한 줄바꿈 포함 엔터를 이용한 줄바꿈 미포함 스페이스를 이용한 연속적인 공백 포함 스페이스를 이용한 연속적인 공백 미포함 모든 텍스트 노드를 반환 사용자가 볼 수 있는 텍스트 노드만을 반환 모든 노드 개체에 대해 정의 HTMLelement개체에 대해서만 정의 그렇다면 무엇을 쓰는게 좋은가? -innerText의 CSS 고려로 인해, innerText 값을 읽으면 최신 계산값을 반영하기 위해 리플로우가 발생합니다. (리플로우 계산은 비싸므로 가능하면 피해야 합니다) -Internet Explorer 기준, innerText를 수정하면 요소의.. 2022. 4. 9.
i++와 i+=1의 차이점? 제로초의 강의 반복분 부분에서 i++ 와 i+=1은 나중에 깊게들어가면 다르다는걸 느끼실수있다고했다. 무엇이 다른가 ++와 +=1 의 속도차이 2004.07.12 17:54 변수 $i를 가정하고 $i++ 과 $i+=1 은 $i를 1증가시키는 구문입니다. 과연 저 둘이 실제상황(?)에서 속도차이를 보일까 하는 의문에서 간단한 실험을 했습니다. 일단 for($i = 0; $i < 1000000; $i++); 와 for($i = 0; $i < 1000000; $i+=1); 를 따로 실행해서 마이크로초 단위로 실행시간을 계산해본 결과, $i++ 일때 0.87869 0.859785 0.93886 0.882139 0.924311 0.872625 0.866393 0.890392 0.889265 0.866099 0.8.. 2022. 4. 5.
HTMLCollection vs NodeList HTMLCollection vs NodeList DOM을 조작할 때 접하게 되는 유사배열들이다. getElementsByClassName()과 querySelectorAll()이 거의 같은 것이라 인식하고 있는 사람들이 있을 것이다. 결정적으로 다른 부분이 있다. 바로 그 결과가 각각 HTMLCollection과 NodeList라는 차이이며, 이는 즉 Live하냐 Static하냐이다. 이를 인지하고 있지 못하면 언젠간 버그를 마주칠 수밖에 없겠다. HTMLCollection document.getElementsByClassName('hyunsang'); 이처럼, document.getElementsByClassName(), document.getElementsByTagName()과 같은 메서드 또는 el.. 2022. 4. 1.

티스토리툴바