JavaScript32 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. Synchronous(동기),Asynchronous(비동기),hosting js엔진은 코드를 제일 위에서 밑으로 실행하게 된다. (동기적) hosting 이란 ? var OR function 선언이 자동으로 프로그램 최상단에 선언된다. 자바스크립트는 동기적이다(synchronous 씽크로너스) 동기식 처리란❓ 1~5 까지 작업이 있다 가정하면 1,2,3,4,5 하나씩 응답을 기다렸다가 응답이오면 다시 요청하고 응답을 받고 하는 것이 동기식처리. 비동기 방식이란❓(시간이 많이 걸릴 것 같은 로직에 비동기처리를 하자) 서버에게 데이터를 요청해야 한다고 예를 들면) 서버에 데이터를 요청한 이후 서버로부터 데이터가 응답될 때까지 대기하지 않고 즉시 다음 로직을 수행하는것. 동기적(Synchronous)인 방법 작성한 순서대로 코드가 실행된다 비동기적(Asynchronous)인 방법 특.. 2021. 4. 26. getter, setter ★ 일반 프로퍼티에서 값에 접근하는 것처럼 ★ 평범하게 getter setter 을 사용한다. getter 메소드는 object.fullName 을 사용해 읽으려고 할 때 사용된다. setter 메소드는 object.age(value)를 사용해 수정하려 할 때 사용된다. getter 메소드를 사용하면 함수처럼 호출 하지 않고, ★ 일반 프로퍼티에서 값에 접근하는 것처럼 ★ 평범하게 user.fullName을 사용해 프로퍼티 값을 얻을 수 있습니다. getter age ( ) 를 정의하는 순간 this.age = age 를 참조하는 것이 아니라 바로 get age( )를 호출한다. setter age ( value )를 정의하는 순간 바로 set age( value )를 호출한다. 그 말은 전달된 valu.. 2021. 4. 23. 객체를 리턴하는 방법 ( ) 를 붙힐 시 함축적으로 object 를 return 하겠다는 뜻. 2021. 4. 16. 가비지 컬렉션 자바스크립트는 도달 가능성(reachability) 개념을 사용해 메모리 관리를 수행한다. 도달 가능성이란? 어떻게든 접근하고 사용이 가능 한 것. 도달 가능한 값은 삭제되지 않는다. 반면, 도달이 불가능 한 것은 삭제시킨다.(자바스크립트 엔진이) admin 은 도달 가능하기 때문에 사용이 가능하다 반변 user2=null 이므로 사용이 불가 2021. 4. 14. 이전 1 2 3 4 5 다음
