2021-12-10 TIL

🦁 Day31

💻 오늘 배운 것

innerHTML vs innerText vs textContent

1. 언제 어느 것을 써야하나
innerHTML은 비용이 비싸다 = 렌더링 속도가 느리다.
왜냐하면 html태그도 일일이 다 읽어내기 때문이다. 따라서 만약에 태그 내에 텍스트 콘텐츠만 넣을 경우에는 꼭 textContent를 쓸 것!

2.innerText와 textContent 의 차이
textContent는 공백 및 줄바꿈과 같은 서식을 제외한 마크업 모두 제거하여 딱 텍스트만 표시한다. 텍스트 콘텐츠의 raw값만 보여주므로 파싱이 빠르다. innerText는 css 코드를 인식하고 렌더링한다. 공백은 인식하지 못한다.

유효성 검사와 예외처리

유효성검사
입력받은 값이 유효한지 체크하는 검사로 한글,숫자,정규식등을 이용하여 검사

예외처리
원하는 목적외에 발생할 수 있는 이슈에 미리 대응하는 코드를 만들어 놓는것.