Javascript 정규표현식으로 URL 찾아서 변환하기

2023. 11. 23. 13:03·Web/Javascript
반응형

정규표현식

/(https?:\/\/[^\s]+)/g

 

https?:\/\/

http:// 또는 https:// 찾음

 

[^\s]+

공백이 아닌 문자열을 하나 또는 그 이상 찾음

 

g

Global을 표현하며 문자열 내 모든 패턴을 검색

 

활용

var str = `Kakao: https://www.kakaocorp.com`

let formatted = str.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1">$1</a>');
반응형
저작자표시 비영리 변경금지 (새창열림)

'Web > Javascript' 카테고리의 다른 글

함수 바인딩 call, apply, bind  (1) 2025.03.06
Turborepo 모노레포 적용하기  (1) 2025.01.08
<span>,<div>에 focus 적용  (0) 2024.12.19
디바운싱(debouncing) / 쓰로틀링(throttling)  (0) 2024.11.14
Iterator 반복 처리  (0) 2024.06.24
'Web/Javascript' 카테고리의 다른 글
  • Turborepo 모노레포 적용하기
  • <span>,<div>에 focus 적용
  • 디바운싱(debouncing) / 쓰로틀링(throttling)
  • Iterator 반복 처리
helperwoo
helperwoo
\ೕ( ・ㅂ・)و /
  • helperwoo
    WooLog
    helperwoo
  • 전체
    오늘
    어제
    • All (52)
      • Web (25)
        • PHP (6)
        • Java (5)
        • Javascript (8)
        • Laravel (2)
        • Spring Boot (0)
        • React.js (1)
        • Electron.js (1)
        • Vue.js (1)
        • Nest.js (1)
      • Mobile (2)
        • Flutter (2)
      • DataBase (4)
        • MySQL (4)
      • Docker (6)
      • Server (5)
      • Git (2)
      • Tool (3)
      • AI (2)
      • Tip (3)
      • Log (0)
  • 블로그 메뉴

    • 링크

      • Github
    • 공지사항

    • 인기 글

    • 태그

      Laravel
      websocket
      알고리즘
      with
      DB연동
      frankenphp
      CLI
      docker
      ignorecase
      dart
      데이터베이스
      deepseek
      CTE
      http
      apache
      MYSQL
      프로그래머스
      vscode
      JavaScript
      git
      Compose
      엘리스
      image
      코드
      챌린지
      nginx
      ollama
      flutter
      recursive
      php
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.3
    helperwoo
    Javascript 정규표현식으로 URL 찾아서 변환하기
    상단으로

    티스토리툴바