[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..
WEB/JavaScript
[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..
[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..
[JavaScript] style 제거 하는 방법 ex) `el` 아이디를 갖는 요소의 `transform` style을 제거할 경우 CSS #el { transform: translate(171px, 0px); } JS const el = document.getElementById("el"); el.style.setProperty("transform", "none"); [참고] https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty
[JavaScript][NeDB] Unique Key 설정 방법 데이터를 insert 할 때 _id 제외한 다른 key 값이 중복되는 것을 막기 위한 unique 설정 방법이다. nedb의 문서를 보면 indexing 부분에 unique 방법이 설명되어 있다. 만약, `_name` 필드에 unique 설정을 하려면 아래와 같이 선언해 주면 된다. // local database const Datastore = require('nedb'); const appDir = app.getPath('userData'); // nedb 파일 생성 const db = new Datastore({ filename: './nedb.db', autoload: true }); // ex) _name 필드에 Unique Key..
