목록Javascript (16)
낭만 프로그래머
Angular로 개발 후 Deploy 하다보면 브러우저 Cache가 남아 있어서 변경된 부분이 적용되지 않는 문제가 발생하였다. 구글링 해서 찾아 보니 빌드시에 몇가지 꼼수를 쓰면 해결 되었다. 1. package.json 파일 수정 - {빌더 폴더}에 index.html이 존재하는 폴더 위치를 적는다. 아래 부분을 scripts 안의 아래쪽에 추가한다. "scripts": { ... "deploy_dev": "ng build --configuration=development --aot=true --output-hashing=all --extract-css=true && npm run add_date", "deploy_prd": "ng build --configuration=production && np..
보호되어 있는 글입니다.
[발생 에러] Error: node_modules/pdfjs-dist/types/src/display/text_layer.d.ts:119:41 - error TS2304: Cannot find name 'OffscreenCanvasRenderingContext2D'. [해결 방법] Step 1. package.json 파일 수정 - devDependencies에 "@types/offscreencanvas": "2019.7.0" 추가 "devDependencies": { "@angular-devkit/build-angular": "^14.2.9", "@angular/cli": "~14.2.9", "@angular/compiler-cli": "^14.2.0", "@types/jasmine": "~4.0.0"..
Kendo UI 의 Grid를 Server Side 페이징 처리를 해보자 중요한 부분을 요약하면 Kendo UI Grid에서 설정을 한 후 Client에서 skip, page, take, pageSize를 보내오면 Server에서는 total, data를 보내면 된다. (page는 0부터 시작이 아니라 1부터 시작이다) MSSQL에서는 2012버전부터 페이징 처리를 위한 문법을 제공한다 Script 파일 var listDataSource = new kendo.data.DataSource({ transport: { ... read: function(options) { $.ajax({ url: "/api/getActionList.do", contentType: 'application/json', dataTy..
자바스크립트(Javascript)로 브라우저 넓이(width)와 높이(height) 가져오기
자바스크립트를 사용하여 브라우저 넓이와 높이를 가져오자 보통은 이 값을 가지고 브라우저가 리사이즈 될때 내부에 있는 UI Component 크기를 변경하는 작업을 주로 한다 window.screenTop : 브라우저 위에서 위치 window.screenLeft : 브라우저 왼쪽에서 위치 window.innerWidth : 브라우저 화면의 너비 window.innerHeight : 브라우저 화면의 높이 window.outerWidth : 브라우저 전체의 너비 window.outerHeight : 브라우저 전체의 높이
CSS를 사용하는 경우에 우선순위에 의하여 내가 적용한 폰트가 산발적으로 적용되는 경우가 있다. 이를 해결하기 위하여 강제로 전체 적용하는 방법을 알아보자 * { font-family: "Nanum Gothic" !important; }
웹페이지에 Google Map API를 간단히 사용할 수 있는 gmap3라는 javascript 라이브러리를 소개한다. 1. gmap3를 이용하기 위해서는 Google Map API Key가 필요하다. 없을 시에는 발급을 받도록 하자 구글 지도 API 키 발급 받는 방법 (Maps JavaScript API) - 코스모스팜 블로그 홈페이지에 구글 지도를 삽입하려면 API 키를 발급받아야 합니다. Maps JavaScript API 사용 설정과 API 키 발급 과정에 대해서 설명하겠습니다. 과정은 조금 복잡할 수도 있기지만 쉽게 따라 하실 수 있도록 자세히 설명해보겠습니다. blog.cosmosfarm.com 2. 라이브러리를 다운로드 https://gmap3.net/ GMAP3 gmap3 is the u..