[javascript] object 내에 json string을 object로 변환
·
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; }
[vue.js] v-if와 v-show의 차이와 사용 방법 구분
·
Language/JavaScript
v-if 조건으로 렌더링하기 조건을 만족하지 못한 경우에 요소는 DOM 레벨에서 제거되며, 모든 감시도 제거 됩니다. 컴포넌트라면 인스턴스가 제거되며, 이후에 렌더링 될 때 모든 상태가 초기화 되어버립니다. 내부에서 디렉티브 또는 컴포너는를 많이 사용하는 경우, 특정한 데이터를 따로 가지고 있지 않다면 오류가 발생했을 때 v-if를 사용하는 것이 좋습니다. v-show 조건으로 출력하기 조건을 만족하지 않는 경우, 단순하게 display:none; 스타일을 적용합니다. 눈에 보이지 않더라도 모든 리액티브 데이터에 대한 내부적인 감시가 일어나므로 주의해 주세요. 내부에 디렉티브 또는 컴포넌트가 없고, 변경 빈도가 높은 경우에는 v-show를 사용하는 것이 성능 면에서 좋습니다.
Node.js - Introduction
·
Server/Node.js
What is Node.js?Node.js는 구글 크롬의 자바 스크립트 엔진 (V8 엔진) 을 기반으로 서버 측 플랫폼입니다. 2009년 Ryan Dahl 에 의해 개발되었으며 최신 버전 v0.10.36 입니다.(2016년07월20일 기준 LTS 4.4.7 버전이 가장 최신입니다.) 공식적으로 제공되는 documentation에 의하면 - Node.js는 쉽고 빠르게 확장 가능한 네트워크 애플리케이션을 구축하기 위한 크롬의 Chrome's JavaScript runtime(V8엔진)으로 구축 된 플랫폼입니다. 분산 디바이스를 가볍고 효율적이며 완벽하게 처리하는 실시간 데이터 애플리케이션으로 event-driven, non-blocking I/O를 활용합니다.Node.js는 서버 사이드 개발 및 네트워킹 ..
Node.js 튜토리얼
·
Server/Node.js
Node.js TutorialNode.js는 훌륭한 자바스크립트 기반의 프레임워크/플랫폼이며 구글 크롬의 자바스크립트 엔진과 같은 V8 엔진을 기반으로 되어있다. 비디오 스트리밍 사이트, 단일 페이지로 이뤄진 응용 프로그램 및 기타 웹 응용 프로그램 과 같은 I/O를 주로 다루는 웹 응용 프로그램을 개발하는 데 사용된다. 오픈 소스인 Node.js는 완전 무료이며 전 세계 수 천명 개발자가 이용하고 있다.Audience이번 튜토리얼에서는 Node.js의 기초와 아키텍처 컨셉을 공부하고자 하는 소프트웨어 프로그래머를 위해 제작되었다. Node.js에 필요한 모든 구성요소와 예제를 통해 이해를 시켜 줄 것이다.Prerequisites이 과정을 하기 전에 기초적인 자바스크립트를 이해하고 있어야 한다. 웹 기반..
javascript XMLHttpRequest Object 예제
·
Language/JavaScript
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..
[javascript] select box 년월일 selected
·
Language/JavaScript
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
[jquery] 디바이스 정보를 기준으로 한 swipe
·
Language/JavaScript
[javascript]html5 video stop, reset, load
·
Language/JavaScript
//var video = document.getElementById("videoContents"); var video = $("#videoContents")[0]; video.pause(); video.currentTime = 0; $("#videoContents").find("#videoSource").attr("src","URL"); video.load(); $('.videoArea').scrollTop(0); 정지 : video.pause(); 초기화 : video.currentTime = 0; 구현 : video.load(); 기능에 대한 설명 HTML5 비디오를 중지, 재설정 및 로드하려면 JavaScript를 사용하여 페이지의 비디오 요소와 상호 작용해야 합니다. 다음은 이러한 각 기능을 수행..
[javascript] 시분초에 특정 문자 넣기
·
Language/JavaScript
//example HH:MM:SS 그리고... 12시간 형태로 변경 function HHMMssInsertChar(HHMMss, character){ if(6 == HHMMss.length){ splitHH = HHMMss.substring(0,2); splitMM = HHMMss.substring(2,4); splitSS = HHMMss.substring(4,6); if(12 < (splitHH*1)){ splitHH = ((splitHH*1)-12)+''; } HHMMss = splitHH+character+splitMM+character+splitSS; } return HHMMss; } argument 1 : 시분초 형태의 문자열 alrgument 2 : 시분초 사이에 넣어줄 문자 추가로 24형태를..
[Javascript] 정규식을 이용한 문자열의 맨 앞 0 제거
·
Language/JavaScript
str = str.replace(/^0/,'');