[dreamhack] devtools-sources

개발자 도구의 Source 탭 기능을 활용하면 flag를 찾을 수 있다고 힌트가 주어져있다.

문제 파일을 다운로드 하고, index.html에서 개발자 도구를 열어봤다.

 

 

Source 탭에 있는 파일들 중에서 flag를 찾아야 하는 것 같다.

ctrl+F 단축키를 입력하면 단어를 검색할 수 있다. 그런데 개발자 도구창에서는 안되는 거 같아 VScode에서 코드를 열고 찾아봤다.

 

flag로 검색

 

FLAG로 검색

 

Flag로 검색

 

일단 index.html에는 없는 거 같다. 다른 html 파일에서도 flag는 찾을 수 없었다.

다음으로 main.4c6e144e.js을 살펴봤다.

 

flag로 검색

 

FLAG로 검색

 

Flag로 검색

 

main.4c6e144e.js에도 flag는 없는 거 같다.

다음은 main.3da94fde.css에서 찾아봤다.

 

flag로 검색

 

FLAG로 검색

 

Flag로 검색

 

main.3da94fde.css에서도 flag는 찾지 못했다.

flag가 다른 파일에 있는 건지 아님 flag라는 단어가 포함이 안 되어 있는 건지는 잘 모르겠지만 다른 방법을 찾아봐야할 거 같다.

 

다시 개발자 도구로 돌아와서 source탭에 있는 파일들을 이것저것 뒤져봤다.

그러다가 webpack:// 아래에 styles 폴더에서 main.scss 파일을 발견했다.

 

 

이 파일도 마찬가지로 flag를 검색하기 위해 VScode로 코드를 옮겼다.

 

 

그런데 복붙하자마자 보이는 맨아래 부분에서 flag로 보이는 문자열이 주석 처리된 것을 확인했다.

 

DH{2ed07940b6fd9b0731ef698a5f0c065be9398f7fa00f03ed9da586c3ed1d54d5}

해당 flag를 입력하면,

 

해결!

그냥 개발자 도구에서 여러 파일들의 소스 코드들을 보면서 flag를 찾는 문제였다.

그리고 드림핵 flag는 DH{} 형식으로 되어있는 듯 하다.

 

https://dreamhack.io/wargame/challenges/267/

devtools-sources