본문 바로가기

전체 글

(75)
trim( ) , replace 에 대하여 복잡한것 딱 ! 질색 간단명료 닥치고 설명 메서드 의미 trim( ) 좌우의 공백과 여백을 지워주는 메서드 단, 가운데 공백은 제거가 어렵고 양쪽 옆 공백만 제거가능. replace 문자를 제거하는것이기 때문에 꼭 공백이 아니여도 사용가능.
비교연산자 == , ===, !== , != , 간략히 정리 연산자 종류 의미 주의 == ===에 비해 조금 덜 엄격한 비교연산자 자료형을 일치시킴 === 엄격한 비교연산자 (맞다는) 자료형 일치 시키지 않음. != 두 피연산자의 자료형을 일치시킨 후, 엄격하게 비교를 수행 자료형을 일치시킴 !== 다르다는것을 이야기함 자료형 일치 시키지 않음.
innerText 와 innerHTML 가 뭐죠? textContent 는 뭐에요? 태그이름 속성 innerText 태그 안의 텍스트를 가져오거나 바꾸는 기능 (바뀌는 범위 : (텍스트) => 텍스트만 바뀜) 사람이 읽을 수 있는 요소만 보여주기 때문에, 화면에 보이는 그대로의 텍스트를 읽어올 때는 유용하다. 하지만 내부에 특별한 스타일 적용이 없는 문자열을 할당할 때는 성능상 적합하지 않다. innerHTML 태그 자체를 가져오거나 바꾸는 기능 (바뀌는 범위 : (텍스트) => 전체 다 바뀜) 보안에 취약하다는 단점이 있다. textContent 해당 요소 내부의 원시 텍스트를 보여주기 때문에 다른 프로퍼티들에 비해 파싱이 빠르다. 가급적 textContent를 사용하는 것이 좋은데 성능과 보안에 강점이 있고, 원시 텍스트를 얻게 됨으로써 이후 의도한 대로 가공할 수 있기 때문이다.