본문 바로가기 메뉴 바로가기

혜르미온느

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

혜르미온느

검색하기 폼
  • 분류 전체보기 (154)
    • JavaScript (54)
      • JS (21)
      • react (27)
      • vue (1)
      • 상태관리 (5)
    • Test (3)
      • jest (3)
    • TIL:Today I Learn (58)
      • retrospective (1)
      • git (8)
      • sentry (9)
      • etc (39)
      • reference (1)
    • lecture (6)
      • 김민태의 프론트엔드 아카데미 1강 (6)
    • Challenge (20)
      • 네이버쇼핑 (20)
  • 방명록

문자열정규표현식 (1)
특정 문자열을 볼드, 하이라이트 등 강조 처리 하는 방법

어느날 들어온 질문 하나. 전체 문구와 일부 단어를 드리면 해당 부분만 볼드처리해주실 수 있나요? 아마 될 것 같지만 확인은 한 번 해보겠다고 하고, 어떻게 풀어나갈까 생각했다. 생각해보니 검색창에 검색어를 입력할 때, 해당 부분만 표시된다거나 하는 코드라고 생각하면 쉬울 것 같아 어떻게 풀어내었는지 메모삼아 작성한다. ✔️ 정규식을 이용하자 // const text = '웹 애플리케이션 보안 완벽 가이드'; // const bold = '보안'; if (text.includes(bold)) { // 매치되는 단어가 있는지 확인한다. // true일 때, const regex = new RegExp(bold, "g"); text.replace(regex, "" + bold + ""); // 전체문장.re..

TIL:Today I Learn/etc 2022. 10. 12. 23:26
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 리액트상태관리
  • 모바일사파리
  • Git
  • 센트리모니터링
  • frontend
  • reacthook
  • BFCache
  • js
  • 사파리
  • javascript
  • sentry
  • gitRebase
  • 크롬
  • 프론트엔드
  • TIL
  • vue
  • 프론트앤드
  • js테스트
  • 깃명령어
  • 리액트훅
  • 리코일
  • react
  • npm
  • 센트리
  • storybookUI
  • 리액트
  • 김민태
  • 자바스크립트
  • CSS
  • 깃
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바