[Solved in under 15 minutes]
잠 안와서 한 문제 더 풉시다.
Let's git(hub) it~!!!!!!!!
뭔데이게?
바로 코드 보자.
front end 문제이다.
대충 보면 클릭하면 1px씩 움직이는데 마우스를 올리면 y0u 라고 표시된다.
1600px 부분에 Goal 이란게 있는걸 보아하니 저 동그라미가 공이구나 아..ㅋㅋ
저 녀석을 1600번 클릭 해서 Goal 지점으로 이동하면 풀리는 문제구나 생각했다.
조금만 눌러보자.
맥북이라 패드 오지게 눌렀는데 고작 저 정도 움직였다.
우리 이러지 말자.
그냥 저 공을 1600px까지 손 쉽게 옮겨보자
옮겨지는 픽셀을 401로 바꾸고 네 번만 클릭해봤다.
바뀌는건 없었다.
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ너무 쉽게 생각했나보다.
html을 건드리지 말고 JS를 건들여서 1600px을 넘겨보자.
JS를 건들여야 하니 개발자도구(F12)를 켜주고 Console 창에서
<a id="hackme" style="position:relative;left:0;top:0" onclick="this.style.left=parseInt(this.style.left,10)+1+'px';if(this.style.left=='1600px')this.href='?go='+this.style.left" onmouseover="this.innerHTML='yOu'" onmouseout="this.innerHTML='O'">O</a>id가 hackme 인 녀석을 변수 a 로 선언해주고,
a를 오른쪽으로 1601px 옮겨주고~
href(html 링크 태그)를 1601px에 걸고
그리고 입력해주면
역시나 1601px로 이동해 있고, 링크까지 생성되어 클릭해주면
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 답 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
var a = document.getElementById('hackme');
a.style.left = '1601px';
a.href = '?go=1601px';
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ문제가 풀린다.
단순한 front end 문제이지만 console을 이용해 JS를 간단하게 만져 볼 수 있어서 나름 좋은 듯? 하다.
오랜만에 JS 만져 기억안나서 저거 JS 검색해서 꽂아넣음 허허,,
근데 가만히 생각해보니 저거 진짜 1600번 클릭해도 풀릴려나 궁금하네
여하튼
Webhacking.kr Old-10 Write-up
이상 보고 끝!
