Mobile Web App 개발
모바일 웹과 모바일 앱‘모바일’은 ‘이동하는’ 또는 ‘움직임이 자유로운’ 이라는 뜻으로, 사무실이나 집에서만 사용할 수 있는 기기와 달리 이동하면서 사용할 수 있는 스마트폰, 태블릿 PC 등을 말한다.모바일 웹은 이러한 모바일 범주에 속하는 기기에 최적화된 웹을 말한다. 모바일 앱도 모바일 범주에 속하는 기기에 최적화된 앱을 말한다. 여기서 앱은 운영체제
아카이브: 2017
Javascript Event Bubbling 및 capture
JavaScript 이벤트 버블링과 이벤트 캡처링 차이컵에 들어 있는 탄산음료(사이다 같은)의 기포가 아래에서 위로 올라가는 것과 같이 DOM의 자식 요소로부터 부모 요소로 올라오며 이벤트 핸들러가 실행되는 것을 이벤트 버블링이라고 한다.반대로 DOM의 부모 요소에서 발생한 이벤트가 자식 요소로 내려가며 이벤트 핸들러가 실행되는 것을 이벤트 캡처링이라 한다
SublimeText Packages
Sublime Text 패키지 활용서브라임 텍스트에 패키지들를 활용 하려면 패키지 컨트롤이 미리 설치 되어 있어야 한다. 패키지 컨트롤이 설치 안되어 있다면 아래 링크의 내용을 참조하면 된다.서브라임 패키지 컨트롤 설치 방법 Emmet 에멧(Emmet)은 간단한 글자 입력으로 복잡한 코드를 완성할 수 있는 플러그인 이다. 이전의 젠 코딩(Zen Coding
SublimeText Setting
Sublime Text 설정키 바인딩 Ctrl + `를 눌러 콘솔 창을 열고 다음 명령어를 입력하고 엔터 키를 누른다. 1sublime.log_commands(True) 이것은 서브라임 텍스트에서 일어나는 모든 행동을 기록하라는 명령어 이다. 참고로 주의할 부분은 True는 대문자로 입력해야 한다. 명령어를 알아내면 콘솔 기록을 중지하기 위해 다음과
Javascript Hoisting
JavaScript Hoisting(호이스팅) 이란?호이스팅은 끌어올리다라는 뜻인데, 풀이하자면 후선언된 변수나 함수들이 해당 Scope에서 최상위로 끌어 올려지는 걸 말한다.자바스크립트엔진은 해당 실행 문맥(Execution Context)의 생성시, 즉 Runtime 시점에서 변수 선언문이나 함수 선언문을 읽기 전에 선언된 변수와 함수들을 다른 무엇보다
EcmaScript
EcmaScript(ES)란?넷스케이프 사는 웹 페이지 동작을 향상시키는 자바스크립트를 지원하기 시작하고 자바스크립트가 사용자 층에서 성공을 거두자 MS에서도 IE3에 Jscript를 개발하여 탑재 하였다.이 때부터 브라우저 전쟁(1990년대 후반에 MS의 인터넷 IE와 넷스케이프 두 브라우저간 경쟁)이라고 불리는 시기가 시작된다.같은 기능이지만 둘의 기능
Javascript Scope Chain
JavaScript 스코프(Scope)란?Scope는 영역 범위라는 뜻으로 자바스크립트의 영역 범위는 어느 범위까지 참조하는지 즉, 변수와 매개변수(parameter)의 접근성과 생존기간을 뜻하며 유효범위는 크게 두 가지로 나뉘게 되는데 아래 스코프 체인에서 설명하는 활성화객체(Active Object)와 전역객체(Global Object) 이다.참고로 E
it 용어 사전
it 용어 정리it에서 회의나 개발을 진행하다 보면 다양한 용어를 접하게 되는데 흔하지 않게 사용되는 용어들을 정리해 본다. 이부분은 추후 계속 업데이트 될 예정이다. 레거시자바스크립트 플러그인등을 사용하다 보면 stable, legacy 두가지 버전으로 배포되는걸 볼 수 있다. Stable Version: 최종버전 중에서 테스트가 완료되고 버스가 수정된
SublimeText Package Control 및 Package
Sublime Text 패키지서브라임 텍스트의 패키지 설치는 매우 손쉽게 접근할 수 있도록 구성되어져 있는데, 여기서 패키지란 쉽게 말해 플러그인이라고 이해하면 된다.Package Control은 이러한 패키지들을 관리해주는 도구이며, 이를 이용해 손쉽게 패키들을 설치 및 제거, 업데이트를 할 수 있다. 즉, 플러그인을 설치하기 전에 반드시 패키지 컨트롤을
Javascript Video Custom Controls
JavaScript를 활용한 HTML5 Video 네이티브 커스텀 컨트롤 만들기커스텀 컨트롤을 만들기 위해서는 우선 브라우저에서 자체 제공하는 네이티브 컨트롤을 감춰야 한다.Video 엘리먼트의 속성중 controls에 false 값을 주면 브라우저가 알아서 네이티브 컨트롤을 숨길수 있다.(controls 속성은 default 값이 false이기 때문에 아