210816 개발기록: 정규표현식 사용하여 html 태그 내부 값 가져오기

🎃  HTML 태그를 지우고 내부 값을 가져올 때

이런 html 코드가 문자열로 존재할 때,  div 내부의 값(text: LIKE LION BABE) 만 가져오는 방법이 있다. 

const html = '<div class="container">
     LIKE LION BABE
</div>'

 

바로 정규표현식을 이용한 접근이다.

const removeHtml = (html) => {
     html = html.replace(/<br\/>/ig, "\n"); // <br/> 태그 제거
     html = html.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/ig, "");
     // 태그 자체를 없앤다 by replace()
}

 

두번째 정규 표현식을 그림으로 풀어 해석해보았다. 

이건 정규표현식 공부하면서 정리한 내용.

그저께 코딩테스트에서 정규표현식을 사용해야 할 것 같은 문제를 만났다. 정규 표현식은 공부할 때 마다 어렵다. 다음 글또 발행글엔 정규표현식을 쉽게 풀어서 정리해봐야 겠다.