언어/JavaScript (5) 썸네일형 리스트형 html5-qrcode 사용정리 html5-qrcode 사용해서 Android WebView QR적용을 하려한다. 이 라이브러리는 다 좋은데 https, localhost에서만 작동한다. 그래서 안드로이드로 테스트를 하고싶다면 ngrok라는 프로그램을 사용해서 로컬호스트를 외부접속이 가능하게 해줘야한다. 사용법은 어렵지 않으니 구글링해서 찾아보면 바로 나온다. 공통사항 resources/static/js파일 안에 html5-qrcode.min.js 파일을 넣어주고 아래와 같이 넣어준다. 기본UI가 있는 QRscan사용법 위에 사진처럼 기본 UI를 사용하고 싶다면 function onScanSuccess(decodedText, decodedResult) { // Handle on success condition with the decod.. Cesium 사용 정리(kml 이용한 지도 정보 표출) 이번프로젝트에서 사용한 라이브러리 중에 cesium에 대해 정리하고자 한다. Spring boot를 사용하는 웹프로젝트에서 사용되므로 다른 환경(Node나 뭐...기타등등)은 다른 글을 참고바람. Cesium은 3D 지리 공간 데이터 시각화를 위한 오픈 소스 지리 정보 시각화 라이브러리로 Cesium을 사용하면 웹브라우저에서 고성능의 3D 지도와 가상 지구를 생성하고 지구 상에 다양한 공각 데이터를 표현할 수 있다. 자바스크립트 기반으로 작성되어있고 오픈소스로 WebGL을 사용해서 3D 그래픽을 렌더링해서 3D시각화를 구현할 수 있다. https://cesium.com/learn/cesiumjs-learn/ 를 참고하면된다. Cesium을 사용하기 위해서는 몇가지 해줘야하는데 가입하기 https://io.. Jquery 기본 정리 Jquery는 자바스크립트기반의 라이브러리로 웹 페이지 상에서 다양한 상호작용과 동적인 기능을 구현하는 데 사용된다. Jquery를 이용하면 HTML문서의 요소를 쉽게 선택하고 조작할 수 있다. 예를 들어, 특정 HTML 요소를 선택하고 스타일을 변경하거나, 클릭 이벤트에 반응하여 특정 동작을 수행하는 등 다양한 조작이 가능하다. 기본 문법 $(제어대상).method1().method2(); 1. jQuery(제어대상 || 선택자).method1().method2(); 로도 쓸 수 있다. $(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌때문에 위와같이 사용할 수 있다. 2. 제어대상에는 css.셀렉터, html 엘리먼트를 사용하며, 2개이상 넣어줄 수 있.. [JavaScript] 오류 확인 백엔드인데...............프론트에서 오류날 때마다 버벅대다가 정리해본다. 개발자가 아니여도 알고있는 크롬브라우저의 개발자도구! 개발자도구는 단축키 [F12]를 누르거나 굳이 [Ctrl]+[Shift]+[I]를 동시에 눌러도 실행이 된다. 키보드가 망가져서 단축키를 누르지 못하는 상황이라면 오른쪽 상단에 메뉴(점세개) - 도구 더 보기 - 개발자 도구를 클릭하면 된다. Elements : html/CSS 상태 확인 Console : 콘솔 (변수 정보를 확인하고 오류 메시지 표시) Sources : 스크립트 디버깅 (break point 지정 및 변수 모니터링 등) Network : 브라우저에서 발생하는 통신 상태 Performance(예전 Timeline패널) : 성능 측정 Memory(예전 P.. var / let / const 차이점 자바스크립트를 사용할 때 항상 변수선언에 크게 생각안하고 개발을 했었는데 최근에 3시간을 날려버린 이후 재발방지차원에서 정리해보려한다. 'var는 오래되었고 요즘은 let으로 바꿔서 사용한다.'라는 말을 들은 적이 있다. var로 선언한 변수는 let으로 선언한 변수와 유사한데 대부분의 경우에는 let -> var, var 이전 1 다음
