본문 바로가기

분류 전체보기91

prototype 함수를 정의하게 될 경우 자동으로 prototype Object가 생긴다. (부모의 유전자 라고 생각하자) prototype 에다 프로퍼티 추가하면 자식도 사용가능. 현재 Machine 은 name 이라는 프로퍼티가 없다. 하지만 컴퓨터는 포기하지 않는다. nunu의 부모님 유전자에게 물어본다 name 있습니까? 참고 https://www.youtube.com/watch?v=wUgmzvExL_E&list=UUSLrpBAzr-ROVGHQ5EmxnUg 2021. 5. 13.
이벤트 버블링, 이벤트 위임 버블링 하위의 이벤트가 상위로 전달되어 가는 것 부모/자식의 구조를 가지고 똑같은 이벤트를 가지고 있는 경우에만 발생하는 것. div에 클릭 이벤트 리스너를 등록해 놓고, button에도 클릭 이벤트 리스너를 등록해 놓으면, button을 클릭하면 button에 등록된 클릭 이벤트 콜백함수가 실행되어지고, div에도 등록된 클릭 이벤트 콜백 함수가 실행되어져요. div에 클릭이 일어 난게 아닌데도 div에 등록된 콜백함수가 실행되는 것은 자식 요소에 이벤트가 발생하면 부모 콜백함수도 실행되어진다. 이것이 버블링 입니다. 이벤트가 위쪽 (부모쪽)으로 올라가죠. (부모 컨텐츠는 모든 자식들에서 event가 발생하는 것을 들을 수 있다) 이벤트 위임 이제, 이 버블링을 이용해서 이벤트 위임을 구형할 수 있어요.. 2021. 5. 7.
how i met your mother i'm so happy for (이름) i really am. i couldn't imagin settling down right now settle down : 정착하다. 2021. 5. 4.
Critical Rendering Path Critical Rendering Path construction part. , operation part. request/response -> loading -> scripting -> rendering -> layout-> painting -> composition construction part. request/response -> loading -> scripting -> rendering -> request/response : 브라우저가 서버에게 html 파일 요청 시 1. html 먼저 요청 후 서버는 응답 2. 그 파일안에서 링크된 필요한 파일들 resources (css/image) 받아온다. loading : html 파일을 서버에서 받아서 로딩. scripting : html을 한줄 한.. 2021. 5. 4.
DOM (document object model) + CSSOM DOM : javascript로 문서를 제어하기 위한 모델입니다. 브라우저가 한줄 한줄 html을 읽으면서 파싱한다. javascript 가 이해할 수 있는 object의 형태(node)로 변환하는거죠. 이렇게 노드들이 다 만들어지게 되면 하나의 DOM 트리가 생성이 되는 것이다. 파싱이란? 문자를 -> 객체로 바꾸는 것 즉 브라우저가 html 태그,텍스트 등등 , javascript 가 이해할 수 있는 object의 형태(node)로 변환한다. 그것이 DOM Node -> 의미있는 정보들로 나뉘어놓은 단위 (추상적) 1. DOM TREE 생성 2. CSS 파일 읽은 후 CSSOM 생성 3. DOM + CSSOM => Render Tree 생성 Render Tree => 최종적으로 브라우저에 표기될 요소들. 2021. 5. 3.
브라우저의 좌표 developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect 2021. 5. 2.
API Application Programming Interface 어플리케이션을 만들기 위해 제공되어지는 함수들을 말한다. 윈도우에서 윈도우 앱을 만들고 싶으면 이런 이런 함수를 써. 안드로이드에서 안드로이드 앱을 만들고 싶으면 이런 이런 함수를 써. 내가 만든 클래스에 있는 함수들중 외부에서 호출이 가능한 (즉 private 함수들이 아니라 public 함수들) 그런 함수들을 가르킴. 2021. 5. 2.

티스토리툴바