본문 바로가기

전체 글

 (602)
[ JavaScript ES 6 ] 전역변수 1. 전역변수 함수나 변수를 전역공간에서 만들면 {window}에 보관함 {window}는 전역변수 그래서 전역으로 정의한 func()를 호출할 때 window.func()도 동일하게 동작함..!! function func(){ console.log(this); } // 둘 다 동일한 동작 func(); window.func();
[ JavaScript ES 6 ] Arrow Function 1. ES6 함수 신 문법 Arrow Function 특징 : 1) 형식 : () => {} 2) 기존 function과 달리 this를 따로 재정의하지 않아서 함수 밖에 있는 this를 그대로 따름
[ JavaScript ES 6 ] strict 모드 1. strict 모드 script문의 시작에 'use strict' 를 쓰면 strict mode로 동작함 -> IE10 이상에서 작동
[ JavaScript ES 6 ] this 1.this의 의미 1) 그냥 쓰거나 일반 함수 안에서 쓰면 {window}를 의미함 {window} 오브젝트는 자바스크립트 기본 함수들을 가지고 있는 변수임 2) strict 모드에서는 일반 함수 안의 this가 undefined됨 3) 오브젝트 내 함수 안에서 this는 오브젝트를 의미함 자바스크립트는 오브젝트 안에 함수 넣을 수 있음 오브젝트 안의 함수에서 this를 쓰면 이 this는 자신을 포함하고 있는 오브젝트를 의미함 4) 이벤트리스너 안에서는 e.currentTarget을 의미함 2. 오브젝트 내에서 콜백 함수를 사용하면 이 함수 내부에서 this는 {window}를 의미한다. 콜백 함수 자체는 전역으로 정의가 되었기 때문. 만일 콜백 함수를 Arrow Function 형태로 바꾸면 thi..
[ JavaScript ES 6 ] JavaScript 버전 1. JavaScript 버전 역사 2009: ES5 2015: ES6 (대규모 업데이트) 2016: ES7
JAVA Collection의 thread-safe 비교 JAVA Collection 패키지는 데이터를 더 효율적으로 다루고자 도입된 클래스들의 모음이다. 패키지 안에는 비슷한 기능을 하는 클래스들이 있는데 이들의 큰 차이점은 내부적으로 thread-safe하게 구현되어 있느냐 아니냐의 차이이다. 아래 표는 Java Collection 패키지 내 클래스들의 기능 및 thread-safe 여부를 비교한다. Collection 특징 구현 클래스 내부 thread-safe(동기화) 유무 List 1) 순서를 유지하는 데이터 집합. 2) 중복을 허용함. Vector (Java 초기 버전) O ArrayList (Java 새로운 버전) X Set 1) 순서를 유지하지 않는 데이터의 집합. 2) 집합 연산 (합집합, 교집합, 차집합 등)에 사용 HashSet (Java ..
[ JavaScript / jQuery ] pan 동작, Hammer.js 1. 터치 이벤트 등을 구현하기 좋은 라이브러리 - Hammer.js 호환성 걱정 X var mng = new Hammer.Manager(img1); mng.add(new Hammer.Pan({threshold: 0})); // threshold: 이벤트 작동 역치(최소값) mng.on('pan', function () { console.log(e.deltaX + ' ' + e.deltaY); }); 2. pan 동작 후 사용자가 마우스를 놓는 순간은 e.isFinal로 캐치 if (e.isFinal) { $('.slide-container').cs('transform', 'translateX(-100vw)'); }
[ JavaScript / jQuery ] AJAX 1. AJAX 서버에 데이터를 요청해서 받아오는데 새로고침 없이 받아오기. 새로고침없이 서버에 GET/POST 요청가능. 2. AJAX는 세부 기능들이 많아서 그때그때 필요한 거 찾아쓰면 됨 done() 말고도 always(), fail() 등도 있음. 로딩 화면은 always() 쓰면 좋음

티스토리툴바