JSFiddle - React, Tailwind, and code Playground

HTML

<span data-value="http://www.naver.com" class="btn btn_span blue">네이버 이동</span>
<span data-value="http://www.daum.net" class="btn btn_span pink" style="margin-left:10px;">다음 이동</span>

CSS

.btn_span {
		text-align:center;
		padding: 0px 10px; 
		display:inline-block;
		cursor:pointer;
		width:auto;
		height:30px;
		line-height:28px;
		margin-bottom: 10px;
		font-size: 13px !important;
}
.pink {
		border:1px solid #e91e63; 
		border-radius:3px;
		color: #e91e63; 
}
.pink:hover {
		color: #fff; 
		background-color: #e91e63;
}
.blue {
		border:1px solid #2196f3; 
		border-radius:3px;
		color: #2196f3; 
}
.blue:hover { 
		color: #fff; 
		background-color: #2196f3;
}

JavaScript

$(function(){ 
 			$('.btn').click(function() {
      	var mUrl = $(this).data('value');
        alert(mUrl);
			});
});