JavaScript32 기본자료형,객체 JavaScript의 원시(primitive) 타입인 number, boolean, string 등이 불변(immutable) 이고, 객체(ojbects) 타입인 array, object 등은 가변(mutable) 2021. 7. 3. JS Runtime Environment js는 런타임때 타입이 정해진다 다이나믹한 타입 3-'2' => 1 작성한 코드가 컴파일때 코드가 결정되고 확인 된다면 , statically typed. 프로그램이 동작할때 타입이 확인되고 동작하는것이 dynamically typed. * dynamically typed. 타입이 동적으로 결정이된다. let name = 123; name = 'hahaha'; * statically typed. let age : number = 10; age = 'hahaha'; (X) 타입을 명시해서 작성해주어야 하고, 한번 결정된 타입은 절때 바뀔수가없다. 다른 타입으로 할당하게 될 경우 컴파일때 오류발생. 웹 API = 브라우저에서 제공하는 API (멀티 스레드 가능) JS = 싱글 스레드 (동시에 처리 가능 한 .. 2021. 5. 18. 프로세스,스레드 .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. 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. 이전 1 2 3 4 5 다음
