jeongah story 알고 싶은 코드가 있으시면,
게시글 아무대나 댓글주세요!

비동기프로그래밍 관련한 설명을 잘 풀어서쓴 유투브영상 주소 첨부드립니다~ (https://www.youtube.com/watch?v=m0icCqHY39U&feature=youtu.be) [모던자바스크립트] 15.7 커스텀 이벤트(사용자 정의 이벤트) : 객체 지향 프로그래밍에서 객체와 객체 사이의 관계를 느슨하게 연결하는 수단으로 사용되고 있습니다. 15.7.1 커스텀 이벤트를 생성하는 방법 : 독자적인 이벤트를 생성해서 원하는 타이밍에 발생시킬 수 있습니다. 1. createEvent()로 이벤트 객체 생성 2. 초기화 함수 안에서 이벤트 객체를 초기화 3. 이벤트를 받을 요소 객체에 대해 dispatchEvent() 호출 후 이벤트를 보냅니다 (dispatch) //객체 생성 var event = d..

Scroll End (가로 end, 세로 end) Check - true, false See the Pen [javascript] scroll end by jeongahlee (@jeongahlee) on CodePen.

[모던자바스크립트]15장 이벤트 처리 15.1 이벤트 처리기를 등록하는 방법 : 이벤트가 발생했을 때 실행되는 함수를 이벤트 처리기 또는 이벤트 리스너라고 합니다. 등록방법 1. HTML요소의 이벤트 처리기 속성에 설정하는 방법 : 1-1. 이벤트 처리기의 문제점 * HTML 문서를 읽어 들일 때 이벤트 처리기도 함께 설정하기 때문에 설정하기 쉽습니다. * HTML과 자바스크립트 프로그램이 뒤섞여 프로그램의 가독성이 떨어집니다. 결과적으로 프로그램의 유지 보수성이 떨어집니다. * 특정 요소의 특정 이벤트에 대해서 이벤트 처리기를 단 하나만 등록할 수 있습니다. 그 요소에 똑같은 이벤트 처리하는 이벤트 처리기를 등록하면 나중에 등록한 함수가 이전에 등록한 함수를 덮어씁니다. 일반적으로 HTML문서 하나는 ..

See the Pen falsy truthy (javascript) by jeongahlee (@jeongahlee) on CodePen.

[모던자바스크립트] 14.1 Dom 트리 (Document Object Model) : 웹 브라우저가 HTML 문서를 읽어 들이면 Document 객체로 시작하는 DOM트리가 만들어 집니다. DOM트리 구성하는 객체 하나를 노드라고 합니다. 다음 세 종류의 노드가 기본적인 노트입니다. - 문서 노드 : 전체 문서를 가리키는 Document객체, document를 참조할 수 있다. - HTML 요소 노드 : HTML요소를 가리키는 객체 - 텍스트 노드 : 텍스트를 가리키는 객체 모든 트리 노드는 객체입니다. 태그는 요소 노드 (또는 요소)와 트리 구조를 형성 : 다음, 루트에 와 등 자식이다 HTML은 요소 뒤에 공백 문자(공백, 탭, 줄바꿈) 등 여러개 있어도 무시합니다. 그러나 DOM트리는 요소 앞뒤에..

See the Pen [javascript] 웹브라우저 객체 by jeongahlee (@jeongahlee) on CodePen. [모던자바스크립트]

[모던자바스크립트]13 웹 브라우저의 객체 13.1 클라이언트 측 자바스크립트 13.1.1 웹 브라우저에서 자바스크립트가 하는 일 웹 페이지의 Document 객체 제어 (HTML요소와 CSS스타일 작업) :DOM API 활용 웹 페이지의 Window 객체 제어 및 브라우저 제어 : 내장객체 활용(Location,Navigator...) 웹 페이지에서 발생하는 이벤트 처리 : 이벤트 처리기, 타이머 등 HTML를 이용한 통신 제어 : XMLHttpRequest객체 활용 웹 애플리케이션 : 웹 브라우저 기능은 웹에서 문서를 표시하기 위한 소프트웨어 였습니다. 현재는 웹 애플리케이션을 실행하는 운영체제로 자리매김하고 있습니다. 파일 읽기와 쓰기 데이터베이스 기능 비동기 통신 2차원,3차원 컴퓨터 그래픽스 기..

[모던자바스크립트] 12.4 RegExp객체 12.4.1 RegExp 객체의 프로퍼티 : RegExp.prototype에서는 프로퍼티와 메서드를 상속받습니다. [ RegExp.prototype 목록 표] 프로퍼티 설명 source 정규 표현식 패턴 문자열을 저장한다. global g 플래그가 사용되고 있는지를 뜻하는 논리값, 읽기 전용 g 플래그가 붙으면 패턴과 일치하는 모든 것들을 찾습니다. g 플래그가 없으면 패턴과 일치하는 첫 번째 결과만 반환됩니다. ignoreCase i 플래그가 사용되고 있는지를 뜻하는 논리값, 읽기 전용 i 플래그가 붙으면 대·소문자 구분 없이 검색합니다. 따라서 A와 a에 차이가 없습니다 multiline m 플래그가 사용되고 있는지를 뜻하는 논리값, 읽기 전용 다중 행 모..