믹아의 개발일기

python3 기준으로 작성하였습니다.

import urllib.request

opener=urllib.request.build_opener()
opener.addheaders=[(
	'User-Agent','Mozilla/5.0 (Windows NT 6.1; WOW64) 
	AppleWebKit/537.36 (KHTML, like Gecko) 
	Chrome/36.0.1941.0 Safari/537.36')]

urllib.request.install_opener(opener)

url = 'test.jpg'
urllib.request.urlretrieve(url , 'file.jpg')

펑소에 html 코딩을 할 때 button 등에 데이터를 저장하기 위해

<button id="data1"> 버튼 1 </button>
<button id="data2"> 버튼 2 </button>
<button id="data3"> 버튼 3 </button>
<button id="data4"> 버튼 4 </button>

이렇게 야매로 많이 했었다. 근데 관리해야할 데이터가 좀 많아져서 찾아보니 다른 방법이 있더라.

<button id="btn1" data-test="value"> 버튼 </button>

<script type="text/javascript">
	document.getElementById("btn1").addEventListener("click", function(){
        console.log(this.dataset.test);
    })
</script>

<!-- console
value
-->

data- 뒤에 원하는 변수명을 입력하고 값을 지정해준다.

그리고 DOM을 얻어와 dataset.변수명으로 구해올 수 있다.

<button id="btn1" data-test="value" data-test2="value2"> 버튼 </button>

<script type="text/javascript">
	document.getElementById("btn1").addEventListener("click", function(){
        console.log(this.dataset);
    })
</script>

<!-- console
 { test : "value" , test2 : "value2" }
-->

데이터를 여러개 넣어서 구해오고 싶으면 더 추가하면 된다.