[펌] Vue.js 출처 : https://github.com/nhnent/fe.javascript/wiki/October-10---October-14,-2016 Vue.js목차소개개발/구동 환경아키텍쳐컴포넌트테스트성능정리소개 Vue.js는 Evan You가 만들었으며, 2014년 릴리즈를 시작으로 꾸준히 발전하고 있는 자바스크립트 프레임워크이다. 앞서 소개된 Angular나 React보다 덜 알려져 있으.. IT_Programming/JavaScript 2017.11.15
[펌] Closure(함수 클로저) * 출처 : https://heropy.blog/2017/11/10/closure/ 클로저란?클로저(Closure)는 일급 객체 함수(first-class functions)의 개념을 이용하여 유효범위(scope)에 묶인 변수를 바인딩 하기 위한 일종의 기술이다. 기능상으로, 클로저는 함수를 저장한 레코드(record)이며, 스코프(scope)의 인수(Factor)들은 클로저가 만들.. IT_Programming/JavaScript 2017.11.13
[펌] ES6의 class 문법과 기존 Javascript 객체 정의의 연관성 출처: http://byron1st.pe.kr/?p=167 Javascript의 최신 표준 문법인 ECMAScript 6(이하 ES6)에서 새로운 class 문법이 소개되었다. 과거 Javascript는 객체지향으로 사용은 할 수 있었지만, 그 방법이 직관적이지 못했다. 우선 constructor를 함수로 정의하고, 모든 객체에 공통적으로 사용될 변수, 메소드(본 글에.. IT_Programming/JavaScript 2016.06.24
[펌] 모바일웹에서 새 창 닫기 출처: http://ngio.co.kr/1674 모바일웹에서 새 창 닫기 function popClose(){ window.open('', '_self', ''); window.close(); } IT_Programming/JavaScript 2015.10.22
[펌] 모바일 웹에서 네이티브 앱 실행하기 * 출처 : https://pilot376.tistory.com/18 * 참고할만한 자료 : https://g-y-e-o-m.tistory.com/121 : https://g-y-e-o-m.tistory.com/32 : https://g-y-e-o-m.tistory.com/33 : https://jungwoon.github.io/android/2017/06/14/Android-App-Launch-On-Web/ : https://marobiana.tistory.com/111 : https://taegon.kim/archives/3800 : https://periar.tistory.com/entry/Javascript-APP-실행-An.. IT_Programming/JavaScript 2015.07.27
[펌] 모바일 웹 브라우저에서 앱 설치여부에 따라 앱 또는 마켓으로 이동시키기 출처: http://marobiana.tistory.com/m/post/111 모바일 웹 브라우저에서, 앱 설치 여부에 따라 마켓 또는 앱으로 이동 시키기. 일종의 브릿지 페이지.. 먼저 아이폰의 경우.. 간단하다! var userAgent = navigator.userAgent; var visitedAt = (new Date()).getTime(); // 방문 시간 if (userAgent.match(/iPhone|iPad|iPod/)) { setTimeout( fun.. IT_Programming/JavaScript 2015.05.31
[펌] 안드로이드 레이어 이벤트 투과 문제 출처: http://jindo.dev.naver.com/blog/2015/01/733 오늘 다룰 내용은 초창기 android stock browser에서 발생했던 버그에 대한 이야기이다.결론부터 이야기를 하면, Android 4.0 이하를 지원할 필요가 없는 개발자라면 이 글을 스킵해도 좋다. 하지만, 자신이 개발해야 할 서비스의 지원범위가 Android 4.0이하를 .. IT_Programming/JavaScript 2015.01.23
자바스크립트 완벽가이드 - 9.8 예:유틸리티 메서드인 defineClass() 출처: http://wiki.codekin.com/index.php/9.8_%EC%98%88:%EC%9C%A0%ED%8B%B8%EB%A6%AC%ED%8B%B0_%EB%A9%94%EC%84%9C%EB%93%9C%EC%9D%B8_defineClass() function defineClass(data) { // 전달인자 객체에서 우리가 사용할 필드를 추출 // 기본값을 설정 var classname = data.name; var superclass = data.extend || Object; var constructor = data.construct || function() {};.. IT_Programming/JavaScript 2015.01.02
자바스크립트 완벽가이드 - 9.7 객체 타입 판단하기 원본 주소 ‘http://wiki.codekin.com/index.php?title=9.7_%EA%B0%9D%EC%B2%B4_%ED%83%80%EC%9E%85_%ED%8C%90%EB%8B%A8%ED%95%98%EA%B8%B0&oldid=681’ typeof 연산자 사용 (기본 타입을 객체와 구별하는데 가장 유용) typeof undefined 는 'undefined', typeof null은 'object' 배열은 객체이기 때문에 타입도 'object' 함수는 객체이긴 하지만 타.. IT_Programming/JavaScript 2015.01.02
[펌] 자바스크립트의 호이스팅(hoisting)이란? - 함수내 정의된 var, 함수, 클로저 동작의 진실 출처: http://blog.jidolstar.com/813 자바스크립트의 호이스팅(hoisting)이란? 자바스크립트(javascript)에서 호이스팅은 어떤 메커니즘으로 동작할까요? 함수 내부에 정의된 var 선언문과 함수 표현식, 함수 선언문의 동작방식을 제대로 이해할 수 있는 계기가 되길 바랍니다. 또한 클로저에 대한 진실.. IT_Programming/JavaScript 2015.01.02