#push 03. [Wargame.kr] QR CODE PUZZLE 문제.

#push 03. [Wargame.kr] QR CODE PUZZLE 문제.

 

웹 관련 문제입니다.

 

정식으로 웹 해킹에 관련된 공부를 한 적이 없습니다.

 

 

이것저것 코딩하면서 웹 파싱 관련된 작업을 수행하면서

 

터득한 짧은 지식으로 문제 풀이를 진행합니다.

 

 

 

Wargame.kr 사이트 - [QR CODE PUZZLE] 문제입니다.

 

 

일단 문제 먼저 보겠습니다.

 

자바 스크립트를 통한 퍼블 문제라고 합니다.

 

 

문제를 들어가보니 QR 코드가 퍼즐화 되어 여기저기 섞여 있습니다.

 

아마 퍼즐을 풀어 QR코드를 스캔하면 Key값을 얻을 수 있을 것 같습니다.

 

일단 HTML 먼저 확인 해봅시다.

 

<center>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type="text/javascript" src="jquery.jqpuzzle.js"></script>
<script type='text/javascript' src='jquery.color-RGBa-patch.js'></script>
<script type='text/javascript' src='jquery.blockUI.js'></script>
<script type="text/javascript">
/*<![CDATA[*/
 $(function(){ $('#join_img').attr('src',unescape('.%2f%69%6d%67%2f%71%72%2e%70%6e%67'));
  $('#join_img').jqPuzzle({rows:6,cols:6,shuffle:true,numbers:false,control:false,style:{overlap:false}});
  hide_pz();});
 function hide_pz(){
  var pz=$('#join_img div'); if(pz[pz.length-2]){$(pz[1]).remove();$(pz[pz.length-2]).remove();}else{setTimeout("hide_pz()",5);}
 }
/*]]>*/
</script>
<style>
#join_img {padding:15px 15px 0 15px; border:2px solid #999; background-color:#444;}
</style>
<br />
<h1>QR Code Puzzle</h1>
<br />
<img id="join_img" /><br />

 

<#join_img> 요소에 'src' 속성에

unescape('.%2f%69%6d%67%2f%71%72%2e%70%6e%67')

=> "./img/qr.png" 

이미지 소스를 넣고, 해당 요소의 메소드함수 jqPuzzle 을 통해 

퍼즐화를 진행하는것 같습니다.

 

 

 

잠시.. 그럼 이미지 소스를 받아오고 그 이미지를 가지고 진행하니 

 

원본 이미지 주소인 "./img/qr.png" 를 접속해보면 어떨까요?

 

 

퍼즐을 직접 풀 알고리즘까지 짜야하나 생각했는데

생각보다 쉽게 답이 나왔습니다 -_- 

 

 

해당 QR코드를 스캔하여 키값을 입력해주면 정답 확인!