스코프(Scope)와 클로져(Closure) 1. 유효범위(Scope) 전역 스코프 (Global scope) : 스크립트 전체에서 참조/어느 곳에서든 참조 가능 지역 스코프 (Local scope) : 정의된 함수 내에서만 참조/밖에서는 참조 불가능 - 유효범위의 특징 함수 단위의 유효범위 (function-level-scope) 변수명 중복 허용 암묵적 선언 Lexical scoping (Static scoping) 1-1. function-level-scope : 함수 코드 블럭 내에서 선언된 변수는 함수 코드 블럭 내에서만 유효. var a = 0; { var a = 1; console.log(a); // 1 } console.log(a); // 1 let b = 0; { let b = 1; co..

- 상속 (inheritance) 현재 존재하고 있는 객체를 프로토타입으로 사용, 해당 객체를 복제하여 재사용 하는것 상속은 추상화,캡슐화와 더불어 객체 지향 프로그래밍을 구성하는 중요한 특징 - 프로토타입 (prototype) JS의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있음 모든 객체의 프로토타입으로부터 프로퍼티와 메소드를 상속받음 JS의 모든 객체는 최소한 하나 이상의 다른 객체로 부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 프로토 타입이라고 함. - 프로토타입 체인 (prototype chain) : JS에서는 객체 이니셜라이저를 사용해 생성도니 같은 타입의 객체들은 모두 같은 프로토타입을 가짐 : 또한, new 연산자를 사용해 생성한 객체는 생성자의 프로토..

- 자바스크립트 객체 자바스크립트에서는 객체가 "왕" 거의 모든것들이 객체 or 객체처럼 동작 객체란 ? : 속성들의 그릇 (속성은 이름과 값을 가짐) → codyA 와 codyB의 객체는 객체자체로만 보면 큰차이가 없지만, 객체를 만든 생성자 함수는 서로 다름 : codyA 객체는 Object() 생성자의 인스턴스를 사용해 만듦 : codyB 객체는 Person() 생성자를 사용해 만들어짐 [ Person() 생성자는 다른 Person() 객체를 만들 때도 사용할 수 있는 "생산공장(Factory)"으로써 사용됨 ] ※ 두 방법 모두 결과적으로는 같은 복합 객체를 만들어냄. 둘 모두 객체를 생성할 때 가장 많이 사용하는 패턴

//각도를 알때 특정 지점의 좌표는 //(cos(라디안),sin(라디안))이다. 이때 라디안은 실제각에 파이/180을 곱한다. //star_height.html은 위 공식을 소스로 적용하였고 //위 공식을 기반으로 3차 행렬에서도 행렬곱을 사용하여 특정 지점의 좌표를 구하는 공식이 있다. //예를들어 아래와 같은 X,Y축 좌표를 담는 3X1 행렬이 있다. //[X] //[Y] //[1] //이때 0(세타)각만큼 회전한 X`,Y` 좌표를 구하고싶다면 아래와 같은 행렬을 곱한다 //[Cos0, -Sin0, 0] //[Sin0, Cos0, 0] //[a , b , 1] //그럼 결과적으로 //[X`] //[Y`] //[1] //0(세타)각만큼 회전한 x`,y`좌표를 포함한 행렬이 나온다. //이를 아래와같이 ..

사용방법에 따른 함수분류 일반 함수 : 가장 일반적으로 사용한 함수 중첩 함수 : 함수 안에 함수가 있는경우 / 이때 함수안에 있는 함수를 중첩함수라고 함 ※ 중첩 함수의 용도 : 내부 전용 함수 : 이름이 없는 이벤트 리스너로서의 활용 : 중복 코드 또는 그룹화 콜백 함수 : 함수 실행결과 값을 리턴이 아닌 "매개변수"로 넘어온 함수를 호출해서 넘겨주는 방식을 콜백 : 이때 매개변수로 넘어온 함수를 콜백함수라고 부름 ※ 실무에서의 콜백함수 용도 : '이벤트리스너'로써의 활용 : 타이머 실행 함수 - 서버와 데이터를 주고 받을때 jQuery/Ajax의 결과물이 필요할때 클로저 함수 : 일반적인 함수의 경우 호출의 의해 함수내부의 실행구문을 모두 실행하게 되면 함수내부에서 만든 지역변수가 자동으로 사라지지..

"웹 브라우저의 HTML문서 렌더링 과정" 불러오기(Loading) 불러오기는 HTTP 모듈 또는 파일시스템으로 전달 받은 리소스 스트림(Resource Stream)을 읽는 과정으로 로더(Loader)가 이 역할을 맡고 있다. 로더는 단순히 읽는 것이 아니라, 이미 데이터를 읽었는지도 확인하고, 팝업창을 열지 말지, 또는 파일을 다운로드 받을 지를 결정한다. 파싱(Parsing) 파싱은 DOM(Document Object Model) 트리를 만드는 과정이다. 웹 엔진이 가지고 있는 HTML/XML 파서가 문서를 파싱해서 DOM Tree를 만든다. DOM Tree : 내용을 저장하는 트리로 javascript에서 접근하는 DOM객체를 쓸 때 이용됨. 렌더링 트리 만들기(Rendering Tree) 렌더링..