본문 바로가기
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.
[책] 모두의 네트워크_정리 모두의 네트워크 - 미즈구치 카츠야 지음 1장 네트워크의 첫걸음 더보기 01. 네트워크의 구조 네트워크 인터넷 패킷 Packet 네트워크를 통해 전송되는 작은 조각 큰 Data를 작게 나누어서 Packet으로 보낸다. 왜냐하면 네트워크의 대폭역을 고려해야하기 때문에 02. 정보의 양을 나타내는 단위 bit 0과 1을 표현 byte 1byte = 8 bit byte 단위로 Data를 읽고 쓰는 작업 ASCII 코드 03. LAN과 WAN LAN (Local Area Network) 지리적으로 제한된 곳에서 연결할 수 있는 네트워크 WAN (Wide Area Network) 인터넷 서비스 제공자 (ISP)가 제공하는 서비스를 사용하여 구축된 네트워크 04. 가정에서 사용하는 LAN 구성 인터넷 사용하기 위한.. 2021. 12. 22.
[드림코딩 by 엘리] 자바스크립트 기초 강의_정리 Youtube_드림코딩 by 엘리 자바스크립트 기초 강의 ▶ 0 알아둬야할 원리와 지식들을 아낌없이 알려주시는 것 같다. Normard Coder 강의를 수강하고 와서 이해하기 수월하였고, 추가로 더 깊고 알아야만 하는 지식을 아낌없이 가르쳐주신 느낌이 든다. ▶ 1 NetScape에서 만든 LiveScript → Javascript / Microsoft에서 만든 JScript 다양한 호환성때문에 표준화하여 만든 표준안 : ECMAScript Babel (Javascript transcompiler) 개발할 땐 최신 ECMAScript 사용 배포할 땐 최신 ECMAScript를 ECMAScript 5, 6으로 변환하여 사용하게 끔 만들어 주는 것 ▶ 2 Web API 브라우저가 제공하고, 이해할 수 있는.. 2021. 12. 20.
728x90