[JavaScript] e.preventDefault / e.stopPropagation

e.stopPropagation e.stopPropagation는 이벤트의 전파 또는 전달을 막는 메서드이다. 이 메서드의 존재 이유에 대해 알고자 한다면 먼저 이벤트가 전파/전달된다는 특성에 대해 짚고 나가는 것이 좋다. 자바스크립트로 어떤 DOM에 이벤트를 실행시켰을 때, 이벤트는 우리가 지정해놓은 특정 엘리먼트에만 적용되지 않고 해당 엘리먼트의 자식, 부모 엘리먼트까지 전파된다. 이 때 최초의 엘리먼트에서 부모 요소로 전파되는 방식을 버블링 (Bubbling), 자식 요소로 전달되는 방식을 캡쳐링 (Capturing…

Read Article →

vscode 도전기

기존에 쓰고 있던 에디터는 atom이었는데, w3c-validation을 비롯한 유용한 패키지들이 많고, gist로 내 작업 영역을 동기화할 수 있다는 점에서 자주 쓴 것 같다. (물론 심미적으로도 예쁘고) 그러나 패키지들이 늘어날수록 구동이 무거워지고, 최근에는 갑자기 다운되는 경우도 생겨서, 보다 가벼운 에디터를 찾던 와중에 vscode 가 물망에 들어왔다. 간단히 특징을 정리해보면, Microsoft사에서 제작했으며, 가볍고 다양한 언어에 대한 편집을 지원한다. atom…

Read Article →

[JavaScript] 클래스 단위 프로그래밍

1. 클래스 소개 만들어진 수많은 변수와 함수 중 연관 있는 변수와 함수만을 선별해 포장하는 기술, 클래스를 이용하여 객체 단위로 코드를 그룹화하고 코드를 재사용할 수 있다. 2. 클래스 관련 기본 개념과 용어 정리 인스턴스 : 클래스로 생성한 결과물 (ex. 클래스가 붕어빵 틀이면 인스턴스는 클래스라는 틀로 만든 붕어빵) 객체 : 인스턴스와 유사하게 클래스의 실체를 나타내는 용어. (ex. var 인스턴스 = new TabPanel(); 일 때, TabPanel…

Read Article →

[JavaScript] JavaScript 기초 정리

선언문 내부 선언 방식 외부 선언 방식 변수(Variables) 정의 : 변하는 수를 저장하는 공간 변수 선언 형식 연산자 정의 : 프로그래밍 계산 작업에 필요한 부호 자세한 내용은 msdn 참조 종류 내용 산술 연산자 +, -,*, /, %(나머지) 문자결합 연산자 +(산술과 쓰임새는 다름) 대입 연산자 오른쪽 피연산자의 값을 왼쪽 피연산자에 대입, +=, -=, *=, %= 증감 연산자 ++, -- (숫자형 데이터를…

Read Article →