์๋
ํ์ธ์. Steemit๋ฅผ ํ๋๋์ค ์์ฌ์ด์ ์ด ์กฐ๊ธ ์์ด์
๊ทธ๊ฑฐ์ ๊ด๋ จ๋ ํฌ์คํธ๋ฅผ ํด๋ณด๋ ค๊ณ ํฉ๋๋ค.
์ฌ์ฉ์๋ฅผ ์ฐพ๋ ๋ฐฉ๋ฒ๊ณผ ํ๊ทธ๋ฅผ ์ฐพ์๊ฐ๋ ๋ฐฉ๋ฒ์ด ์กฐ๊ธ ๋ถํธํด์
๋ฐ๋ก ์ด๋ํ ์ ์๋ ๋ฒํผ์ด ์์ผ๋ฉด ์ข์ง ์์๊นํ๊ณ ๋ง๋ค์ด ๋ณด์์ต๋๋ค.
html๋ก POSTํ๋๊ฒ์ด ์์ด์ ๋ณธ๋ฌธ์ inputํ๊ทธ๋ button ํ๊ทธ๋ฅผ ์์ฑ ํ ์ ์์์ค ์์๋๋ฐ
๋ง์ ๋ฃ์ด๋ณด๋ ์๋๋ค์...
๊ทธ๋์ ๊ฐ๋จํ ์ฝ๋์ ์์ ๋ฅผ ๋ณด์ฌ๋๋ฆด๊น ํฉ๋๋ค.
๋จผ์ ์ ์ ์ ํ๊ทธ๋ฅผ ๋ฐ๋ก ์ฐพ์๊ฐ๋ ๋ฐฉ๋ฒ์ URL์ ์ ์ ๋ช
๊ณผ ํ๊ทธ๋ฅผ ์
๋ ฅํ๋ฉด ๋ฉ๋๋ค.
ex ) https://steemit.com/@lku
https://steemit.com/trending/kr
์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์
๋ ฅ ํ๋์์ ๊ฐ์ ๋ฐ๊ณ ์ด๋ ๋ฒํผ์ ํด๋ฆญํ๋ฉด
ํด๋น ํ์ด์ง๋ก ์ด๋ํ ์ ์๊ฒ ํ์์ต๋๋ค.
ํฌ์คํธ ์์ ์์ ๋ฅผ ๋ฃ๊ณ ์ถ์๋๋ฐ ์์ฝ์ต๋๋ค.
์์ค์ฝ๋
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function(){
$('.user_button').click(function(){
var user='';
user = $('.user_input').val();
$(location).attr('href',"https://steemit.com/@"+user);
});
$('.tag_button').click(function(){
var tag='';
tag = $('.tag_input').val();
$(location).attr('href',"https://steemit.com/created/"+tag);
});
});
</script>
</head>
<body>
<div>
<span>์ ์ ๋ช
</span>
<input class="user_input" type="text">
<button class="user_button">MOVE</button>
</div>
<div>
<span>ํ๊ทธ๋ช
</span>
<input class="tag_input" type="text">
<button class="tag_button">MOVE</button>
</div>
</body>
<html>
๊ฒฐ๊ณผํ๋ฉด
์ ์ ๋ช ์ ์ ๋ ฅํ์๊ณ MOVE ๋ฒํผ์ ํด๋ฆญํ์๋ฉด ์๋ํ๋ฉด์ด ๋ฐ๋ก ๋ํ๋ฉ๋๋ค.
์์ฌ์์ด ๋ง์ด ๋จ๋ ํฌ์คํ ์ด๋ค์ ... ใ ใ