power-girl0-0

생활코딩 웹브라우저 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/743inf.run/pBzy) 웹페이지를 제어하기 위해서는 JavaScript를 로드해야 한다. inline inline은 태그에 직접 자바스크립트를 기술하는 방식이다. 태그에 연관된 스크립트가 분명하게 드러난다는 것이 장점이다. 위 소스와 같이 정보 역할을 하는 html과 제어 역할을 하는 Javascript가 섞여 있어서 정보로서의 가치는 떨어진다. 이를 해결할 수 있는 방법은 스크립트 태그를 사용하는 것이다. script 태그 태그를 만들어서 여기에 자바스크립트 코드를 삽입하는 방식이다. 해당 태..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743 ) 복제 전자화된 시스템의 가장 중요한 특징은 복제다. 프로그래밍에서 복제가 무엇인가에 대해 예제를 통해서 알아보자. var a = 1; var b = a; b = 2; console.log(a); // 1 위 소스 코드의 결과는 1이 출력된다. 값을 변경한 것은 변수 b이기 때문에 변수 a에 담겨있는 값이 그대로인 것은 당연하다. 즉, 변수 b의 값에 변수 a의 값이 복제된 것이다. 이를 그림으로 표현하면 아래와 같다. 참조 ( reference ) 아래 예제를 통해서 알아보자. var a = {'id'..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 데이터 타입 데이터 타입이란 데이터의 형태를 의미한다. 데이터 타입은 크게 두가지로 구분할 수 있다. 원시(기본) 데이터 타입(primitive type)과 객체(참조) 데이터 타입으로 나눌 수 있다. 원시(기본) 데이터 타입은 아래와 같다. 숫자 문자열 불리언(true/false) null undefined 원시 데이터 타입은 객체가 아닌 데이터 타입이라고도 한다. 그 외의 모든 데이터 타입들은 객체(참조) 데이터 타입이다. 레퍼객체 ( wrapper object ) 예제를 통해 알아보자. var st..

생활코딩 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) prototype prototype은 말 그대로 객체의 원형이라고 할 수 있다. 객체는 프로퍼티를 가질 수 있는데, prototype이라는 프로퍼티는 그 용도가 약속되어 있는 특수한 프로퍼티다. prototype에 저장된 속성들은 생성자를 통해서 객체가 만들어질 때 그 객체에 연결된다. 따라서, 자바스크립트에서는 prototype을 통해서 상속이라는 개념을 제공한다. 예제를 통해서 알아보자. function Ultra(){} Ultra.prototype.ultraProp = true; function S..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 상속(inheritance) 상속은 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미한다. 또한, 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있게 해주는 기능을 제공해준다. 이를 통해 상속받는 객체는 자신이 원하는 맥락에 맞게 부모 객체를 재활용하면서, 로직을 추가하거나 제거할 수 있다. - 약속 되어 있는 property : prototype 상속의 사용법 function Person(name){ this.name = name; } Person.prototy..