본문 바로가기

분류 전체보기93

프로세스,스레드 .exe : 프로그램 파일 프로세스 : 운영체제 위에서 연속적으로 실행되고있는 프로그램. 컴퓨터는 프로세스마다 자원을 분할해서 할당한다. 스레드 : 프로세스 안에서 있는 작은 일꾼 멀티 스레드 : 프로세스 안에서 여러가지 쓰레드가 동시다발적으로 일어나는 것. Operation system > 공장 Process > 생산라인 Thread > 일꾼 한 공장 내에서 다양한 것들을 생산하는 라인이 작동한다. 일꾼이 1명뿐인 라인은 그 일꾼이 A라는 일도 하고, B라는 일도 해야할 때 A를 끝내고 나서야 B를 할 수 있다. 일꾼이 2명이 되면, 한 일꾼은 A를 하고 다른 일꾼은 B를 동시에 할 수 있다. 각 일꾼은 자기가 해야 하는 일의 순서를 기억하고 있다. 단, 일꾼이 같은 공구(공유 리소스)를 사용할 때 한.. 2021. 5. 18.
Scope 자바스크립트에서 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하게 된다. 스코프(Scope)란 ‘변수 또는 함수에 접근할 수 있는 범위’. 전역 스코프 (Global scope): 코드 어디에서든지 참조할 수 있다. { }바깥에서 선언되었다면, 전역 스코프에 정의 된다. 지역 스코프(Local Scope) : 해당 지역에서만 접근해야한다 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에선 접근할 수 없다. 만약 지역스코프에서 전역스코프에 있는 함수를 사용할 경우 전역스코프 함수가 호출이된다 그러므로 함수 몸체에 선언한 함수는 해당 함수 몸체 안에서만 접근할 수 있다. Class 도 함수다. { } 지역스코프 사용. methodA(){} 메소드에 methodB() 를 this 없이 호출 할 .. 2021. 5. 14.
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.

티스토리툴바