드림핵(Dreamhack) devtools-sources 플래그 획득법

문제 드림핵의 webhacking 로드맵 과정중 Backgrouhnd - Web 섹션의 마지막 단계인 devtools-sources실습 문제를 살펴보겠습니다. 개발자 도구의 Sources 탭 기능을 활용하여 플래그를 찾는 문제입니다. html로 구성되어있는 문제 파일을 받아주세요.

문제 해결방법 압축을 해제해보면 여러 웹파일이 구성되어있습니다. index.html파일을 브라우저에서 열어준뒤에 source탭을 확인해보겠습니다. 현재 열려있는 index.html파일 내에는 플래그가 안보이는데 어떤 요소에 플래그가 있는지 하나하나 클릭해서 검색해보는 방법도있지만 전체 구성파일을 중에 원하는 내용을 한번에 검색하는 방법이 있습니다.

우측 상단 . 세개 메뉴를 클릭한뒤 Search를 눌러주거나 ctrl + shi.....