본문 바로가기

전체 글222

자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 화면크기 웹브라우저의 크기에 따라 태그라던지 주변 요소들의 크기를 변경해야하는 경우가 상당히 많다. 그때 웹브라우저의 크기를 알아보는 방법에 대해서 알아 보도록 하겠다. 브라우저의 크기를 확인 하기위한 4가지 명령어 브라우저의 크기를 확인 하기 위해서는 4가지 명령어만 알면 끝난다. 먼저 가로 사이즈는 아래 2가지 명령어를 확인해보자 가로사이즈 window.innerWidth : 브라우저 표시화면의 너비 window.outerWidth : 브라우저 전체의 너비 일반적으로는 innerWidth 를 많이 사용한다. 도대체가 텍스트로 표현하려니 생각보다 쉽지 않아서 그림판에서 아래와 같이 그림을 그렸다. 세로사이즈 window.innerHeight : 브라우.. 2021. 11. 10.
자바스크립트 eval, JSON.parse 파싱 자바스크립트 eval, JSON.parse 파싱 자바스크립트의 json 파싱에 대해서 다뤄보려고 한다. json을 파싱 하는 방법에는 JSON.parse를 사용하거나, eval 함수를 사용할 수 있다. eval 함수 사용방법 결과 : 쿠키맨 JSON.parse 함수 사용 방법 eval함수는 빠르기는 하지만 eval함수 안의 스트링을 그대로 실행시켜 주기 때문에 리턴값으로 자바스크립트 명령어가 오면 그대로 실행시키기 때문에 보안적으로 이슈가 많다. 결과 : 쿠키맨 최신 브라우저는 javascript 엔진에서 JSON을 객체로 채택했다. 예전 구버전의 브라우저에서는 JSON 객체를 못 찾을 수 있다. 브라우저 구형 버전에서도 JSON 객체 사용을 보장하기 위해서는 json2.js 가 필요하다. json2.j.. 2021. 11. 10.
자바스크립트 escape, encodeURI, encodeURIComponent 차이점 자바스크립트 escape, encodeURI, encodeURIComponent 차이점 자바스크립트의 escape, encodeURI, encodeURIComponent 각각의 차이점이 무엇이 있는지 알아보자. escape ( unescape() ) escape('http://naver.com/한글'); 결과 : "http%3A//naver.com/%uD55C%uAE00" ASCII글자 그외의 글자는 모두 인코딩 한다. ------------------------------------------- 아스키 문자리스트 ( 69개 ) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @*-_+./ --------------------------.. 2021. 11. 9.
프로메테우스 그라파나 자바 어플리케이션 (3) 모니터링 화면 프로메테우스 그라파나 자바 어플리케이션 (3) 모니터링 화면 (1). Tomcat 서버를 설치 프로메테우스 그라파나 자바 어플리케이션 모니터링 (1) tomcat 설치 프로메테우스 그라파나 자바 어플리케이션 모니터링 (1) tomcat 설치 그래서 뭐할건데? ? 나는 10년차 실전 파이터로써, 실전 중심의 예제로 정리를 해보려한다. 1. Tomcat 서버를 설치 2. www.appletong.com (2). jmx_exporter 설치 - metrics 데이터를 추출 프로메테우스 그라파나 자바 어플리케이션 모니터링 (2) jmx_exporter 프로메테우스 그라파나 자바 어플리케이션 모니터링 (2) jmx_exporter 모니터링을 하려면 뭔가 스레드,JMV 메모리, CPU 등등에 관련한 데이터가 있어야.. 2021. 11. 1.
프로메테우스 그라파나 자바 어플리케이션 모니터링 (2) jmx_exporter 프로메테우스 그라파나 자바 어플리케이션 모니터링 (2) jmx_exporter 모니터링을 하려면 뭔가 스레드,JMV 메모리, CPU 등등에 관련한 데이터가 있어야 할것인데, JMX_exporter를 설치하면, 프로메테우스에서 이를 사용할수 있도록 메트릭스 정보를 반환할수 있도록 한다. 처음에는 무슨말인지 모르겠으나 따라해보면 금방 이해할수 있다. https://github.com/prometheus/jmx_exporter GitHub - prometheus/jmx_exporter: A process for exposing JMX Beans via HTTP for Prometheus consumption A process for exposing JMX Beans via HTTP for Prometheus .. 2021. 11. 1.
프로메테우스 그라파나 자바 어플리케이션 모니터링 (1) tomcat 설치 프로메테우스 그라파나 자바 어플리케이션 모니터링 (1) tomcat 설치 그래서 뭐할건데? ? 나는 10년차 실전 파이터로써, 실전 중심의 예제로 정리를 해보려한다. 1. Tomcat 서버를 설치 2. jmx-exporter를 설치 - 매트릭을 수집 3. 프로메테우스 (prometheus )설치 4. 그라파나 (grafana ) 대시 보드 구축 Java기반의 서버모니터링을 위해 대표 서버로 Tomcat을 정했고, 설치는 로컬 PC인 윈도우에 할 예정이다 과정은 어렵지 않다. Tomcat 서버 설치 1. Tomcat 다운로드 https://tomcat.apache.org/download-80.cgi Apache Tomcat® - Apache Tomcat 8 Software Downloads Welcome .. 2021. 11. 1.