Browser: 6개의 글
[크롬 확장프로그램] JSONView로 json 데이터 가독성있게 보기
크롬 확장프로그램, JSONView 크롤링을 하거나 기타 등의 작업을 하다보면 JSON 데이터를 마주하게될 때가 있는데 이 때 추천하는 크롬 확장프로그램 중 하나가 바로 JSONView이다. 프로그램 이름으로도 기능을 쉽게 유추할 수 있는데, 바로 JSON 데이터를 가독성있게 볼 수 있도록 해주는 확장프로그램이다. JSON이란? (출처: 위키백과) JSON(JavaScript Object Notation)은 "속성-값" 쌍 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위한 개방형 표준 포맷이다. 본래는 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷이다. JSONView 설치 크롬 확장프로그램이기 때문에 설치는 매우 쉽다. 크롬 웹스토어의 해당 ..
Chrome Devtool (CPU프로파일링, 힙덤프)
참조문서 : https://developers.google.com/web/tools/chrome-devtools/rendering-tools/js-execution 웹어플리케이션 분석할 때 쓰지만, V8_inspector을 이용하여 노드에서도 쓸 수 있다. 1. CPU Profile CPU 사용량을 기록한다. Self Time : 함수의 현재 호출을 완료하는 데 얼마나 걸린 시간 Total Time : 이 함수와 해당 함수가 호출한 모든 함수의 현재 호출을 완료하는 데 걸린 시간 2. Heap Snapshot 클릭시점에서 스냅샷 기록 Shallow Size : array string과 같이 직접적으로 메모리를 점유하고 있는 js 객체들의 크기, 실제 데이터가 있는 영역 Retained Size : GC ..
[Tip] 크롬 전체페이지 스크린샷
참조링크 https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?hl=ko Full Page Screen Capture Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions! chrome.google.com [Chrome에 추가] 버튼 클릭 [확장 프로그램 추가] 버튼 클릭 카메라 아이콘을 클릭하시면 보여지는 웹페이지를 캡쳐할 수 있습니다
구글 크롬, https사이트의 http URL 혼합 콘텐츠 다운로드 차단
구글 크롬의 http URL 콘텐츠 다운로드 차단예정 구글은 인터넷 사용자들의 보안을 위하여 크롬의 https 사이트에서 일반 http URL 리소스들을 오는 6월부터 업데이트 되는 83버전을 시작으로 점진적으로 차단하겠다고 발표했습니다. 크롬 브라우저에서 https 웹 사이트에서의 “http 리소스”들은 다음의 순서로 차단될 예정입니다. 1. EXE, APK 등과 같은 실행 가능한 프로그램 파일.2. ZIP, ISO 등과 같은 아카이브 파일.3. PDF, DOCX 등과 같은 문서 파일4. PNG, MP3 등과 같은 미디어 콘텐츠 자세한 일정은 다음의 표를 참고하여 주시기 바랍니다. 구글 크롬의 http URL 콘텐츠 다운로드 차단 예정일정 다만, 이 일정은 안드로이드와 iOS버전 크롬에서는 한 단계씩 ..
크롬 로컬 웹서버 구축 Web Server for Chrome
로컬 웹 서버 구축하기위해서는 apache, nginx, iis 등의 웹서버에서 해당 폴더를 설정하고 hosts 파일에서 설정해줘야하는 번거로움이 있습니다. 구글 크롬 확장 프로그램 Web Server for Chrome 설치하여 로컬 웹 서버를 쉽고 빠르게 구축할 수 있습니다. 링크 : https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb 접근을 허용할 루트 디렉토리 선택 http://127.0.0.1:8887/에 접속하면 바로 선택한 경로로 웹서버가 실행된것을 확인 할 수 있습니다. 선택한 경로에 index.html이 있다면 웹화면 출력도 가능합니다.(html5, css3 구동 가능)
마우스 드래그/우클릭 방지된 사이트에서 해제하는 방법(Drag Free)
쇼핑몰이나 카페, 블로그등을 이용하다 보면 때떄로 글을 드래그하여 복사하거나,마우스 우클릭으로 이미지를 저장해야 하는등의 기능이 필요할때가 있습니다. 하지만 드래그와 마우스 우클릭 자체가 막혀있는 사이트들이 점점더 늘어나고 있습니다. 이런 경우 개발자 도구의 옵션을 잠시 바꿔 쓰는 방법이나 유틸리티를 이용하는 등의 몇가지 방법이 있습니다. 하지만 개발자도구를 손대는것은 예외가 있을수 있고, 초보자들이 손대기에는 다소 복잡한 면이 있습니다.또한 유틸리티를 설치하는것 또한 컴퓨터의 리소스를 차지하기에 가급적 피할수 있다면 좋겠죠. 그래서 오늘은 크롬 확장 프로그램 한가지를 소개드립니다. 최근까지는 Pig Toolbox라는 확장 프로그램을 아주 유용하게 사용했지만, 이 확장 프로그램의 마우스 우클릭 해제 기능..