power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 해당 글을 보기 전, 이전 글을 읽고 오면 이해하는데 많은 도움이 된다.2021/02/06 - [언어/Javascript] - Object Model & 객체화window는 두 가지 의미를 가지고 있다.1) 전역 객체2) window 또는 frame 같은 것을 제어하기 위한 객체 DOM ( Document Object Model ) window 객체가 갖고 있는 여러 property 중 가장 중요한 property는 Document이다.document 객체에 접근하려면, wi..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 웹페이지를 제어하기 위해서는 JavaScript를 로드해야 한다. Object Model 자바스크립트로 웹 브라우저를 제어할 수 있도록, 브라우저의 여러 구성요소들을 객체로 만들어서 제공해주는 것을 Object model이라고 한다. 웹브라우저의 구성요소들은 하나하나가 객체화되어 있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 1) JSC ( 자바스크립트 코어 ) 2) BOM ( 브라우저 오브젝트 모델 ) 3) DOM 위 3가지는 자바스크립트를..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) Object Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체이다. 즉, 아무것도 상속받지 않는 순수한 객체란 뜻이다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object를 사용한다. var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; 동시에 자바스크립트의 모든 객체는 Object 객체를 상속 받는다. 왜냐하면 모든 객체는 Object 객체의 프로퍼티를 가지고 있기 때문이다. 아래 사이트는 Object api 사용법에 대한 자세한..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 표준 내장 객체(Standard Built-in Object) 자바스크립트가 기본적으로 가지고 있는 객체들을 의미한다. 내장 객체가 중요한 이유는 프로그래밍을 하는데 기본적으로 필요한 도구들이기 때문이다. 아래는 자바스크립트가 가지고 있는 내장 객체이다. Object Function Array String Boolean Number Math Date RegExp 이와 대비된 것으로는 사용자가 직접 정의한 사용자 정의 객체가 있다. 배열의 학장 예제를 통해 알아보자. 아래 소스 코드는 배열에서 특정한 값을..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 객체 ( Object ) 배열에서 인덱스는 숫자를 사용하였으며, 데이터가 생성되면 자동으로 만들어져서 데이터에 대한 식별자가 된다. 객체도 배열과 비슷한 형태이지만, 객체는 인덱스를 문자로도 사용할 수 있다. 다른 언어에서는 연관 배열 또는 맵, 딕셔너리 라는 데이터 타입이 객체에 해당된다. 즉, 객체는 key와 value를 갖는다. 객체 생성 객체는 중괄호에서 중괄호로 끝난다. 1. 첫번재 방식 즉, egoing은 key가 되고, 10은 value가 된다. 2. 두번째 방식 비어있는 객체를 만든 뒤, ..