[react] text 내 http에 a 태그로 변환, 링크 삽입

안녕하세요 링크변환 만복이에요 :)​쿠팡 파트너스에 대해 관심이 아주 많은데, 쿠팡 파트너스 링크는 저품질에 걸린다는 등말이 많아, 많은 링크 변환 방법 중에비틀리 (bitly)로 URL, 링크 변환하는 방법 알려드릴게요.​알리익스프레스 링크는 아직 저품질은 아닌 것 같은데, 쿠팡 파트너스와 비슷해서 추후 저품질 링크변환 될 가능성이 있어포스팅 시 링크를 변환 후 사용하는 게 좋을 것 같구요​포스팅 비율도 조절해서 저 품질을 피해서 쿠팡 파트너스로 수익 화해 봅시다 :)​bitly로 URL, 링크 변환하는 방법1. 비틀리 사이트 접속2. 우측 상단 Sign up Free3. 제일 링크변환 왼쪽 Free - Get Started4. 회원가입5. Links - Create a short link( 짧은 링크를 생성)6. 링크 생성에 필요한 정보 입력- Create​bitly로 URL, 링크 변환하는 방법1. 네이버에 비틀리를 검색해서 비틀리 사이트에 접속해 주세요 ​​​​​2. 우측 상단 Sign 링크변환 up Free를 눌러 비틀리 사이트 회원가입을 진행해 주세요​​​​* 한 달에 10개까지는 링크 생성이 무료로 이용이 가능하고,월 100개 이상은 8달러로 1달러당 1,300원이라고 가정했을 때 약 10,400원 정도가 되네요. *​3. 제일 왼쪽 Free의 Get Started를 눌러 회원가입을 진행할게요 링크변환 ​​​​4. 이메일 주소와 비밀번호만 설정하면 간편하게 회원가입이 가능해요.​​​​​링크 생성하는 방법은 두 가지가 있는데요. 첫 번째는 왼쪽 상단의 Create new를 눌러 바로 링크를 생성할 수 있고(링크가 길음)5. Links - Create a short link를 눌러 짧은 링크를 생성할 링크변환 수도 있어요.우리는 쿠팡 파트너스 링크를 변환 용도여서 링크의 길이가 길던 짧던 상관없는데,마케팅하시는 분들이 링크로 유입 경로 추적할 때는짧은 링크로 변환해서 많이들 이용하세요.​​​​​6. 링크 생성에 필요한 정보를 입력해 주세요Destination : 변환할 URL 링크 입력Title : 제목(선택사항) 타이틀은 링크변환 굳이 입력하지 않아도 되지만, 나중에 혹시나 링크를 찾아야 할 수도 있으니 알아볼 수 있게 해주시면 좋을 것 같아요.​Custom back-half(optional) : 링크가 겹치지 않는 경우 원하는 링크로 지정할 수 있어요(입력하지 않으면 비틀리에서 알아서 생성해 줍니다.)Create를 누르면 링크가 링크변환 생성돼요​​​​쿠팡에서 링크를 생성하고 복사한 url을 저는 노란색 두 곳만 채운 후 링크를 생성해 봤어요 ​​​​그랬더니 이렇게 제목과 링크가 생성되었어요 노란색이 비틀리에서 생성해 준 링크이고 ​​포스팅할 때 우측의 Copy를 눌러 복사한 후 붙여넣기 (Ctrl + V) 하면 링크변환 돼요​​비틀리 참 쉽죠?​​​​COUPANGbit.ly​​