Home IT/WEB 짧은 주소 만들기 URL Shortener

짧은 주소 만들기 URL Shortener

URL을 공유할 때 복잡한 주소를 심플하고 짧게 만들어서 링크를 걸면 짧은 문자열로 인해 사용자가 쉽게 접근가능하고 단문의 문자 메시지를 보낼 때 더욱 이점이 있다. 따론 이런 짧은 URL이 사용자가 무슨 링크인지 알기 어렵게 해주기 때문에 해커는 이를 악용해서 스팸문자를 보낼 수 있으니 주의해야 한다.

Bitly | URL Shortener

inline ad

짧은 주소로 만들어 주는 사이트가 있는데 이 사이트를 소개하고자 합니다.

bitly 비틀리
bitly 비틀리

우선 로그인을 진행합니다. 다들 페이스북이나 구글 계정 하나씩은 가지고 계시니 이 계정으로 로그인을 하면 됩니다.

bitly login, 비틀리 로그인
bitly login, 비틀리 로그인

로그인을 하고 Create new Bitly account 버튼을 클릭하여 계정을 생성합니다.

bitly - create new bitly account
bitly – create new bitly account

링크를 어떻게 사용할 것인가를 선택해야하는데 저는 개인적으로 사용할 것이기 때문에 For personal use 를 선택했습니다.

링크를 어떻게 사용할 것인가요?
링크를 어떻게 사용할 것인가요?

뭘 할건지 물어보는데 저는 Internal communications 를 선택했습니다.

what are you looking to do?
what are you looking to do?

계정 생성이 완료됐고 아래 대쉬보드에서 URL을 짧은 주소로 생성할 수 있습니다.

bitly dashboard
bitly dashboard

Bitly | URL Shortener 사용법

대쉬보드에서 CREATE 버튼을 클릭하면 사이드바에서 주소를 입력하라고 폼이 뜨는데 자신의 원하는 주소를 입력하면 됩니다. 저는 이 포스트의 URL (https://markettraders.kr/url-shortener/)을 붙여넣었습니다.

bitly - create link
bitly – create link

아래 그림처럼 짧은 주소가 생성되었습니다. https://bit.ly/3d3DBfJ
브라우저에서 이 주소를 붙여넣으니 정상적으로 접속 가능한 것을 확인했습니다.
쉽게 생성이 가능하네요.

bitly - URL shortenner
bitly – URL shortenner

링크 생성에 그치는것이 아닌 분석까지 해주네요. 아래 그림처럼 몇번 클릭이 일어났는지 referrers, locations 등을 확인할 수 있어서 너무 좋네요. 여러분들도 꼭 한번 사용해보세요.

bitly- 분석도구

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...