[JS] 선택자 종류

1. getElementBtId : 고유한 ID로 선택
2. getElementsByClassName : 같은 이름의 클래스 모두 선택 (배열)
3. getElementsByTagName : 같은 태그(ex. h1, button ...) 모두 선택 (배열)
4. querySelector : 한 개의 요소만 선택 (CSS 선택자로 선택)
5. querySelectorAll : 복수 선택 가능 (CSS 선택자로 선택)

￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

 

querySelector와 getElement의 차이는 속도...?

getElement가 1.2배 정도 빠르다고 한다.

그렇지만 선택의 자유도는 querySelector가 더 큰 듯 하다.

 

 

생각해보면 웹 서핑을 할 때 1, 2초만 기다려도 느리다 혹은 문제가 생겼다 판단하고 새로고침을 누를 때가 많다.

찾아보니 querySelector보다 getElement를 더 많이 사용한다고 한다.

querySelector가 편리함에도 불구하고 자주 쓰이지 않는이유를 알 수 있었다.

나는 너무나도 편리해진 세상에서 조금의 불편함이 느껴질 때 불편을 배로 느낀다고 생각한다. 그래서 그 조금의 불편함을 사람들이 느끼지 않도록 하는 개발자가 되고 싶은데 개발의 편리함 때문에 사람들을 불편하게 할 수는 없으니 getElement를 잘 사용해보도록 해야겠다.

 

최근에는 querySelector를 더 많이 사용하는 것처럼 보인다...!