Language/JavaScript

toJson(target :any) { Object.keys(target).forEach(function (key: string) { try { target[key] = JSON.parse(target[key]); } catch (e) { target[key] = target[key]; } }); return target; }

npm list -g --depth=0 npm: 노드 패키지 관리 해주는 툴 입니다. list -g: 설치된 패키지를 트리형태로 보여줍니다. ( -g 옵션이 없으면 현재 폴더에 설치된 패키지만 보여줍니다.) depth 0 / — depth=0: 패키지에 의존성이 걸린 모든 패키지를 보여주지 않습니다. 고로 최상단 트리의 패키지만 보여줍니다.

웹팩에 대한 설명은 아래를 참고하시면 됩니다. 2020/06/30 - [언어/JavaScript] - webpack 이란 webpack 이란 webpack이란, 모듈화한 여러 개의 파일을 모아 주는 번들러입니다. 번들러는 이 외에도 'Rollup'과 'Parcel'이 있습니다. 모듈화한 파일 결합은 단순하게 파일을 결합하는 것이 아니며, 모듈의 의존 상� codeparadise.tistory.com 개발에 사용된 개발 도구는 vsCode입니다. vsCode에 대한 설명은 아래를 참고하시면 됩니다. 2020/06/21 - [Tool/vsCode] - [vsCode] vsCode란? [vsCode] vsCode란? Visual Studio Code는 가볍고 강력한 소스 코드 편집기로 데스크톱에서 실행되며 W..

v-if 조건으로 렌더링하기 조건을 만족하지 못한 경우에 요소는 DOM 레벨에서 제거되며, 모든 감시도 제거 됩니다. 컴포넌트라면 인스턴스가 제거되며, 이후에 렌더링 될 때 모든 상태가 초기화 되어버립니다. 내부에서 디렉티브 또는 컴포너는를 많이 사용하는 경우, 특정한 데이터를 따로 가지고 있지 않다면 오류가 발생했을 때 v-if를 사용하는 것이 좋습니다. v-show 조건으로 출력하기 조건을 만족하지 않는 경우, 단순하게 display:none; 스타일을 적용합니다. 눈에 보이지 않더라도 모든 리액티브 데이터에 대한 내부적인 감시가 일어나므로 주의해 주세요. 내부에 디렉티브 또는 컴포넌트가 없고, 변경 빈도가 높은 경우에는 v-show를 사용하는 것이 성능 면에서 좋습니다.

국제 표준화 단체인 Ecma International에서 책정한 자바스크립트의 표준 사양입니다. 브라우저의 자바스크립트 실행 환경은 이러한 사양을 기반으로 구현된 것입니다. 현재 사용되고 있는 대부분의 브라우저는 'ES5'를 지원하고 있으며, 브라우저에 따라서는 'ES2015(ES6)' 이후의 기능을 구현해서 제공하고 있는 경우도 있습니다. ES2015부터는 사양을 매년 개정하기로 했습니다. 따라서 원래 ECMAScript4, ECMAScript5, ECMAScript6처럼 숫자를붙이지 않고, ECMAScript2015, ECMAScript2017 처럼 연도를 붙여서 부르게 되었습니다.

webpack이란, 모듈화한 여러 개의 파일을 모아 주는 번들러입니다. 번들러는 이 외에도 'Rollup'과 'Parcel'이 있습니다. 모듈화한 파일 결합은 단순하게 파일을 결합하는 것이 아니며, 모듈의 의존 상태를 해결하면서 번들합니다. webpack은 '.js' 파일 뿐만 아니라. css와 이미지 같은 리소스를 번들해 주는 기능도 있습니다. 다양한 Loader를 사용하면, 단일 파일 컴포넌트 vue, Pug와 Sass 같은 다양한 형식의 파일도 읽어 들일 수 있습니다. 처음 읽어 들이는 파일(엔트리 포인트)을 시작으로 연결된 리소스를 모두 번들하므로, 애플리케이션에 불필요한 리소스는 알아서 제외된다는 장점도 있습니다. 코어 컨셉으로는 아래와 같습니다. Entry Output Loaders Plugi..

XMLHttpRequest 객체는 IE6, IE5에서만 다르게 선언해주면 됩니다. 상태코드로 성공 유무를 확인 가능합니다. form 태그에서 enctype application/json 방식을 지원해주지 않을때 아래와같이 XMLHttpRequest를 이용해주시면 되겠습니다. var parameterVal = '{"id":"'+id+'","passwd":"'+passwd+'"}'; var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Micros..

var d = new Date(); window.onload = function(){ selectedDateOpt(document.getElementsByName("_year"), d.getFullYear()); selectedDateOpt(document.getElementsByName("_month"),(d.getMonth() + 1)); selectedDateOpt(document.getElementsByName("_date"), d.getDate()); selectedDateOpt(document.getElementsByName("_day"), d.getDay()); }; function selectedDateOpt(seleObj, date){ for(var i=0;i

var RowSel = document.docForm.year.options.length; for(var i=1; i