Softonic

마크다운 링크 생성기

단계 1 / 2
결과

링크 URL과 앵커 텍스트를 입력하면 생성기가 깔끔한 마크다운 링크 문법([text](url))을 만들어 줍니다. 선택적으로 제목 툴팁을 넣거나, URL을 문단 밖으로 빼내는 참조 스타일 변형도 사용할 수 있습니다. 추적 매개변수가 붙은 긴 URL을 복사할 때 링크를 깨뜨리지 않으면서 문단의 가독성을 유지하고 싶을 때 유용합니다.

마크다운 링크를 생성하는 방법

  1. 1

    URL을 붙여넣으세요

    절대 경로든 상대 경로든 상관없습니다. 이 도구가 공백과 예약 문자를 URL 인코딩합니다.

  2. 2

    앵커 텍스트를 입력하세요

    독자에게 클릭 가능한 텍스트로 보이는 부분입니다.

  3. 3

    제목을 추가하세요 (선택 사항)

    대부분의 렌더러에서 마우스를 올리면 표시됩니다.

  4. 4

    스타일을 선택하세요

    아래 정의에 따라 인라인 `[text](url)` 또는 참조 `[text][ref]` 중에서 선택합니다.

  5. 5

    복사해서 붙여넣기

    클릭 한 번으로 문서나 README에 복사할 수 있습니다.

네 가지 링크 형식

인라인, 제목 없음:

[문서 읽기](https://example.com/docs)

인라인, 제목 포함 (마우스를 올리면 툴팁 표시):

[문서 읽기](https://example.com/docs "전체 문서")

참조 스타일 (URL은 아래에 정의):

[문서][docs] 또는 [변경 이력][cl] 을 여세요.

[docs]: https://example.com/docs
[cl]:   https://example.com/changelog

자동 링크 (URL이 텍스트이자 대상):

<https://example.com>

어떤 형식을 선택할지

  • 인라인: URL이 짧고 문단이 여전히 잘 읽히는, 가끔 쓰는 링크에 적합합니다.
  • 참조 스타일: 같은 URL을 여러 번 인용하거나, URL이 200자에 달하는 추적용 긴 문자열이라 그대로 두면 문단 흐름이 깨질 때 사용합니다.
  • 자동 링크: “여기가 저희 문서 페이지입니다”처럼 URL을 텍스트이자 대상으로 그대로 보이게 하고 싶을 때 사용합니다.

특수 문자 처리

  • URL 안의 공백에는 %20 이 필요합니다. 그렇지 않으면 공백 지점에서 링크가 끊어집니다.
  • URL 안의 소괄호는 %28 과 %29 로 URL 인코딩해야 합니다. 그렇지 않으면 마크다운 파서가 이를 삼켜 버립니다.
  • 앵커 텍스트 안의 대괄호는 파서가 이를 중첩 링크 문법으로 해석하지 않도록 \[ 와 \] 로 이스케이프해야 합니다.

접근성 팁

  • “여기를 클릭”을 피하세요. 여기를 클릭 이나 더 보기 같은 앵커 텍스트는 스크린 리더 사용자가 링크를 탭으로 넘길 때 아무 쓸모가 없습니다. [설치 가이드](...) 처럼 설명적인 텍스트를 사용하세요.
  • 긴 URL의 경우 URL 자체를 앵커 텍스트로 쓰지 마세요. 보조 기술에 불리하고 인쇄물에서도 보기 좋지 않습니다.
  • **“새 탭에서 열기”**는 마크다운이 아니라 원시 HTML(target="_blank")입니다. 원시 HTML을 허용하는 대부분의 렌더러는 이를 반영하지만, 순수 CommonMark는 지원하지 않습니다.

한 줄 단축키

GitHub 댓글에서는 선택한 텍스트 위에 URL을 붙여넣으면 자동으로 마크다운 링크로 변환됩니다. 이미 편집기 안에서 작업 중일 때 편리합니다.

자주 묻는 질문

아니요. target="_blank" 에는 원시 HTML이 필요합니다. 대부분의 마크다운 렌더러는 HTML 대체 방식(<a href="..." target="_blank" rel="noopener">text</a>)을 허용합니다.

데스크톱 브라우저에서는 마우스를 올렸을 때 나타나는 툴팁으로 표시됩니다. 대부분의 스크린 리더는 이를 읽지 않고 터치 기기에서는 무시되므로, 꼭 필요한 정보를 여기에 넣지 마세요.

같은 URL이 여러 번 나타날 때, URL이 길 때(추적 매개변수, UUID 등), 또는 유지 관리를 쉽게 하려고 모든 링크를 문서 하단에 모아 두고 싶을 때 사용합니다.

네, 대부분의 렌더러에서 작동합니다. [다른 문서](./other.md) 는 같은 폴더 안의 다른 파일로 연결됩니다. 다만 동작 방식은 GitHub, Obsidian, 정적 사이트 생성기마다 다르므로 실제 사용 환경에서 테스트하세요.

관련 도구

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

Webpack 설정 생성기

순수 JavaScript, React, Vue용 webpack 5 webpack.config.js를 만드세요. TypeScript, Babel, CSS 또는 Sass, 이미지, HtmlWebpackPlugin, 개발 서버, npm install 명령까지 함께 제공합니다.

텍스트 파일 인코딩 변환기

깨진 문자를 고치기 위해 텍스트를 UTF-8, UTF-16, Latin-1, Windows-1252 등 여러 인코딩 사이에서 변환하세요.

XML 포매터

일관된 들여쓰기로 XML 문서를 정렬 출력하고, 정확한 줄 번호로 적격성 오류를 잡아냅니다.

색상 혼합기

두 HEX 색상을 2-20개의 균등한 색상 견본으로 섞습니다. 양 끝 색상을 포함해 각 중간 색상을 대문자 HEX 코드로 확인하세요.

Protocol Buffers 디코더

hex, Base64, Base64URL, 텍스트 또는 파일의 Protobuf 와이어 형식 바이트를 브라우저에서 디코딩하고 정확한 필드 후보를 확인한 뒤 비공개 보고서로 내보냅니다.

이 도구는 다른 언어로도 제공됩니다