Webhacking.kr_No.10(250) - old

[그림 01] level10의 시작화면

level10을 들어가면 [그림 01]과 같이 시작화면에는 몇 가지 문자와 O로 보이는 문자가 있습니다.

'O'를 클릭해보면 한 칸씩 옆으로 이동하는 것을 확인할 수 있는데, 이를 F12(개발자 도구)로 확인해보면,

[그림 02]와 같이 확인할 수 있습니다.

[그림 02] hackme 영역

hackme 영역은 id="hackme" style="......"로 이루어진 영역인데, O를 클릭할 때마다 this.style.posLeft가 한 칸씩 옆으로 이동하는 것을 알 수 있습니다.

그렇다면 posLeft가 800이 될 때 this.href='?go=' 인 것으로 보아 아마 posLeft를 800까지 이동시켜야 하는 것을 의미하는가 봅니다.

우리는 800번의 클릭을 하는 것보다 값을 조정해보도록 합시다.

[그림 03] posLeft를 799까지 옮긴 모습

F12(개발자 도구)에서 hackme.style.posLeft = 799로 하게 되면 'O'는 799 좌표로 이동하게 됩니다.

800으로 이동시켰지만 href가 동작하지 않는 것으로 보아 799번째에서 클릭하면 동작하는 방식인 것 같습니다.

799로 옮긴 후 O를 클릭하면 링크가 클릭되며, Congratulation이 뜨게 됩니다.

<참고>

this.style.posLeft가 움직이는 것은 id가 hackme인 곳을 this로 가리키게 됩니다.

id="hackme" 안에서 style의 값을 this.style.posLeft라는 것은 hackme.style.posLeft와 동일하다는 것을 의미합니다.