본문 바로가기
728x90

분류 전체보기202

[Javascript] Event Bubbling, Capture, 위임 이란? 캡틴판교 - 이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 poiemaweb.com/js-event 1. 서론 사용자가 브라우저와 상호작용한다. 클릭, 드래그, 키보드 입력, .. 이 모든 동작은 Event를 통해 이루어진다. 그리고 브라우저는 사용자의 Event를 감지하여 해당 동작을 처리한다. 2. 이벤트 등록 먼저 사용자와 상호작용하는 동작(함수)를 만들어 Event와 연결하기 위해서는 addEventListener로 이벤트 등록을 해야한다. HTML 삽입 미리보기할 수 없는 소스 ( 개발자도구로 확인해보세요! ) ( 크롬기준 : F12 → Console ) 3. 이벤트 흐름 브라우저가 HTML을 읽어 DOM tree를 만들때 계층적 구조로 만든다. 이렇게 만들어진 DOM tree의 HTML .. 2022. 1. 21.
[Javascript] this 란? github.com/JaeYeopHan/Interview_Question_for_Beginner poiemaweb - 함수 호출 방식에 의해 결정되는 this 1. 서론 Javascript 에서는 함수가 실행될 때, 매개변수로 전달되는 인자값을 제외하고 arguments 객체와 this를 암묵적으로 받는다. 그리고 this는 함수를 실행할 때, 함수를 소유하고 있는 객체를 참조한다. 따라서 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. (Java에서 this는 인스턴스 자신을 가리키는 참조변수) (메서드 : 객체의 속성이 함수인 것) 2. 함수를 호출할 때 특정 객체의 메서드가 아닌 함수 호출이면 해당 함수 내부 코드에서 사용된 this는 전역객체(browser : window / .. 2022. 1. 20.
[프로그래머스] 정규표현식 프로그래머스 - 정규표현식 강의 \ → 역슬래시 1. \d 숫자를 대표하는 정규표현식 (digit) 한글자만 찾는다 2. + 하나 이상의 연결된 (예시) \d+ 하나 이상의 연결된 숫자 3. * 0개 이상이다 (예시) [1-9]\d* 자연수를 표현 4. ? 있거나 없거나 (예시) -? -가 있거나 없거나 [- ]? -또는 공백이 있거나 없다는 조건 5. {숫자} "숫자"번 반복한다 (예시) \d{2} 숫자가 연속 2번 나온다 6. {숫자1, 숫자2} 숫자1부터 숫자2까지 반복한다 (예시) \d{2,3} 숫자가 2~3번 반복하여 나온다 7. \w 글자를 대표하는 정규표현식 a, b, c, 가, 나, 다, 1, 2, 특수문자는 미포함 but _(언더스코어)는 포함 8. [aeiou] 대괄호 안에 글자만 선택.. 2022. 1. 19.
[Web Storage] 브라우저 저장소 란? 1. 서론 예전에 토이 프로젝트를 하다가 문득 떠올랐던 생각이 있었다. 쇼핑몰에서 비회원으로 장바구니에 담을 때 어떻게 담는 것일까? 매번 접속하는 비회원의 DB를 서버에서 만들면 비효율적일 것 같은데.. 이러한 궁금증은 브라우저 저장소를 공부하면서 깨닫게 되었다. 2. 브라우저 저장소 Chrome, Microsoft Edge와 같은 브라우저에서 저장소를 제공하고 있다. 저장소는 서버가 아닌 로컬에서 해당 브라우저를 이용한다. 그리고 브라우저 저장소는 2가지로 구분되어 이용된다. ① Local Storage ② Session Storage 브라우저 저장소를 직접 보고 싶은 경우 (Chrome 기준) F12(개발자 도구) → Application → Storage 3. Storage의 특징 Key : Va.. 2022. 1. 16.
728x90

티스토리툴바