webhacking.kr 6번 write up

문제의 화면이다 f12로 소스코드를 확인해보자 

 

문제풀이에 가장 필요할 것 같은 a태그를 살펴보자.  id가 hackm로 되어있으며 클릭을 하면 style.left값이 1px씩 증가한다. 

style.left 값이 1600px이면 ?go=1600px 로 이동하게 된다.  또한 마우스를 올리면 yOu로 텍스트가 바뀌고 벗어나면 o로 바뀐다. 

 

문제해결을 위해 url부분에 get요청으로 ?go=1600px을 입력해보자 

 

위와 같이 no hack이라고 출력된다. 문제의 의도에 맞지 않아 그런것 같다. 

 

 

그러면 직접 css를 건드려서 접근하자. 

개발자도구의 console 부분에 hackme.style.left값을 1599로 직접 바꾸고 클릭을 한번 할 것이다.

문제가 해결된다.  

이 방법이외에도 소스코드에서 수정하는 방법이 있다. 

parseInt 뒷 부분에 +1을 1599로 수정하여 여러번 클릭한 결과를 내어 문제를 해결한다. 

 

---

문제 핵심 

1.js,css 해석