[JavaScript] image refresh 오류 웹에서 같은 url(src)를 갖는 이미지를 재로드 하면 변경된 이미지가 아닌 변경 전 즉, 이전 이미지를 불러온다. 예를들어, A라는 이미지를 웹에서 불러온 후, A 이미지를 바꿀 경우. 전체 페이지를 새로고침하거나 웹을 재시작하지 않고, 이미지만 부분 새로고침 할 경우 A 이미지는 변경된 이미지가 아닌 이전 이미지가 보여진다. 아마 캐시에 쌓아둔 듯 하다. 처음엔 Electron 언어 자체의 문제인줄 알고, 아래와 같이 cache를 삭제해 보았지만 효과가 없었고, console로 cache를 확인해 보니 캐시는 항상 비워져 있었다. var remote = require('remote'); var win = remote.getCurrentWindow..
javascript
[JavaScript] textarea 줄 수 제한 (Limit number of lines in textarea) textarea의 keypress이벤트에 현재 입력된 값의 줄 수와 textarea에 선언한 rows 를 비교해서 엔터(keycode 13)가 입력되었을 때, 현재 textrea의 줄 수와 rows가 같은 경우 false를 리턴해주면 된다. HTML javascript // textarea 줄 수 제한 function limitLines(obj, e) { // 현재 textarea에 입력된 줄 수 let numberOfLines = (obj.value.match(/\n/g) || []).length + 1; // textarea에 선언된 rows 수 let maxRows = obj.rows..
[JavaScript] gulp Gulp? Javascript ToolKit. 빌드 자동화 툴. 여러 플러그인을 통해 css, javascript등 경량화(minify) 해줌. 즉, 간단히 말해서 이전엔 scss 를 만들면 html이 바로 못 읽으니깐, 특정 툴을 이용해서 css로 변환(컴파일)해서 넣어줬는데, gulp + 플러그인을 이용하면 자동으로 scss 를 css로 바꿔서 특정 폴더 안에 넣어준다. 역할 (참고) 자동으로 자바스크립트 라이브러리, 서드파티 앱등을 모으고 축소, 압축을 수행 자동으로 단위 테스트(Unit Test) 수행 자동으로 LESS / CSS 컴파일링 자동으로 node.js 브라우저 Refresh를 도와줌 설치 Gulp 공식 사이트에 설치 방법대로 $ npm install --..
[Javascript] Learning Javascript 1. 원서 (pdf) : https://pepa.holla.cz/wp-content/uploads/2016/08/Learning-JavaScript-3rd-Edition.pdf 2. 번역본 : http://www.yes24.com/Product/Goods/42806896 목차 - 각 목차를 누르면 해당 페이지로 이동됩니다. 첫 번째 애플리케이션 Your First Application 자바스크립트 개발 도구 JavaScript Development Tools 리터럴과 변수, 상수, 데이터 타입 Literals, Variables, Constants, and Data Types 제어문 Control Flow 표현식과 연산자 Expressions a..
[Electron] img 태그 src="file://~" 경로에 존재하는 파일이 로드되지 않는 경우 해결 방법 1. 오류 WebRoot 경로 및 하위 폴더에 존재하는 이미지는 상대 경로로 입력하여 이미지를 불러올 수 있지만, 로컬에 존재하는 파일 또는 다른 서버에 존재하는 파일을 로드할 경우, 절대 경로로 입력해 주어야 한다. C:/나 D:/ 등 마운트된 디렉토리는 정상적으로 접근해서 이미지를 로드했지만, 외부(다른) 서버에 존재하는 파일을 파일은 존재한다고 출력은 되나, 이미지를 불러오지 못했다. 아래 코드를 실행해 보면 image1은 이미지가 보이지만, image2는 이미지가 보이지 않았다. const fs = require("fs"); var image1 = document.createElemen..
[JavaScript][ES6] Did you forget to signal async completion? 오류 해결 방법 ES6 코드를 ES5 로 바꾸는 기능을 하는 gulp 를 사용 시 // gulpfile.js 예시 코드 const gulp = require("gulp"); const babel = require("gulp-babel"); gulp.task('default', function () { gulp.src("/public/**/*.js") .pipe(babel()) .pipe(gulp.dest("dist")); }) 아래와 같은 "Did you forget to signal async completion?" 오류가 발생한 경우. itinerant-ui-MacBookPro:Learning..
