마크다운 문서에서 모든 링크 추출 및 목록화 인라인 링크와 참조 링크를 포함하여 마크다운 텍스트에서 모든 링크를 추출합니다.

도구의 알고리즘은 Markdown 링크 형식을 식별하기 위해 세 가지 개별 정규식 패턴에 의존합니다. React의 `useCallback` 훅을 사용하여 입력 문자열을 받아서 추출된 링크 목록을 반환하는 `onProcess` 함수를 메모화합니다. 첫 번째 정규식 패턴인 `\[([^\]]*)\]\(([^)]+)\)/g`는 선택적 링크 텍스트를 허용하면서 인라인 링크의 링크 텍스트와 URL을 캡처하여 일치시킵니다. 이 패턴은 입력 문자열의 모든 일치를 반복하기 위해 `exec` 메서드와 함께 사용됩니다.

참조 링크 정의를 처리할 때 `/^\[([^\]]+)\]:\s*(.+)$/gm` 정규식 패턴을 사용하여 참조 레이블과 URL을 캡처합니다. `^` 기호는 참조 정의로 시작하는 줄만 일치시키도록 보장하고 `gm` 플래그는 멀티라인 일치를 활성화합니다. 각괄호로 둘러싸인 베어 URL의 경우 `/<(https?:\/\/[^>]+)>/g` 정규식 패턴을 사용하여 자동 링크로 처리합니다.

추출된 링크는 배열에 저장되어 URL 및 해당 텍스트, 참조 레이블 또는 자동 링크 표시와 함께 형식화된 문자열로 반환됩니다. `@/components/shared` 모듈의 `TextToolLayout` 컴포넌트를 사용하여 입력 필드, 출력 레이블 및 추출된 링크를 렌더링합니다. 도구는 동일한 URL이 다른 링크 텍스트와 함께 나타날 수 있으므로 복제된 URL을 보존하여 사용자가 문서 링크를 감사하거나 링크 인벤토리를 생성할 수 있도록 합니다.

React의 `useCallback` 훅을 사용하면 입력 문자열이 변경될 때 컴포넌트의 불필요한 재렌더링을 방지하여 성능을 최적화합니다. 사용된 정규식 패턴은 대부분의 Markdown 구현과 호환되므로 Markdown 문서에서 링크를 추출하는 데 신뢰할 수 있는 도구입니다. 또한 도구의 출력 형식은 쉽게 기계가 읽을 수 있으므로 추가 처리 또는 다른 도구 및 스크립트와 통합할 수 있습니다.