신나yo-TechBlog

유레카! Chrome에서 JS코드 보는 방법 찾음. 본문

TIL : Life

유레카! Chrome에서 JS코드 보는 방법 찾음.

신나yo 2021. 3. 16. 18:03
728x90

구글 크롬에서, 웹사이트의 JS 코드 확인하는 방법

오늘의 사이트 Literature map을 분석하다가, JS코드를 확인하는 방법을 알게 되었다.

(구글 크롬 기준) 분석하고 싶은 웹페이지에서 F12 -> 상단 메뉴에서 Sources 선택 -> 좌측 파일 목록에서 확장자가 'js'로 끝나는 것 찾기

수시로 텍스트 위치를 바꾸는 js 코드를 눈대중으로 읽어라도 보고 싶어서 찾다가 발견! 유레카!

개발자도구 에서 "sources"쪽을 뒤적이다보니 나온다.

모바일 어플리케이션은 어떤지 아직 모르지만, 적어도 웹 개발 환경에서는 오픈소스가 기본이라는 것을 깨달았다. 굳이 깃허브 등의 사이트에 '자발적으로 공개'하지 않아도, 사이트를 만들고 배포하면 자동으로 해당 사이트의 소스코드가 공개된다. html, css, js 전부 다!

더보기

오늘 분석한 사이트의 경우, J쿼리도 사용했나 보다.

막 입문한 초심자 입장으로는, 철저하게 까발려지는(ㅋㅋㅋ) 세계, 못났으면 못난대로 잘났으면 잘난 대로 다 드러나는 특성이 나쁘지 않다고 생각한다.

확실한 전문성, 탄탄한 기본기와 기술을 쌓자는 열망이 생긴다.
728x90
Comments