코딩물고기

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 24. DOM * DOM(Document Object Model) - 브라우저 HTML 문서에 접근할 수 있게 정의된 문서 객체 모델 - 동적으로 문서의 내용, 구조, 스타일에 접근하는 방법을 정의한 API - DOM은 스크립트나 프로그래밍 언어들을 통해 웹 페이지를 다룰 수 있게 연결시켜주는 역할을 한다 - DOM은 문서를 나뭇가지형 구조로 표시함 html, head, body 가 부모/자식 관계로 이루어져 있음 - DOM은 프로그래밍 언어와 독립적임 * DOM 관련 주요 용어 - 태그(Tag) : HTML 페이지 내에 존재하는 구성요소 > p 태그, table 태그, div 태그 등 - 문서 객체(Document Object) :..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 20. Array 객체 생성과 속성 * Array 객체 - JavaScript에서 배열을 다루는 객체 - 배열 객체에 저장되는 요소들은 데이터 타입이 달라도 됨 * Array 객체 생성 방법 - var arr1 = [배열 요소1, 배열 요소2, 배열 요소3 ...] - var arr2 = new Array(); > 배열의 크기를 지정하지 않음 - var arr3 = new Array(배열 요소1, 배열 요소2, 배열 요소3) > 배열 요소 값을 초기화하면서 배열 객체 생성 > 초기화한 배열 요소 개수가 배열의 크기가 됨 - var arr4 = new Array(배열의 크기); > 인자로 지정된 크기로 배열 객체 생성 * Array 객..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 19. string - string 객체 생성과 속성 * string 객체 - JavaScript에서 문자열을 다루는 객체 * string 객체 생성 방법 - 문자열을 큰따옴표나 작은따옴표로 싸서 객체 생성 var str1 = "abcde"; var str2 = 'abcde'; - string 생성자 함수를 사용해 객체 생성 var str3 = new String("abced"); * 문자열 내 큰따옴표/작은따옴표 자체를 문자로 사용한 경우 - 문자열을 큰따옴표로 묶어주는 경우 > 작은따옴표를 이용하여 삽입 문자열을 작은따옴표로 묶어주는 경우 > 큰따옴표를 이용하여 삽입 var str3 = "ab'c'def"; - 문자열을 큰따옴표로..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 18. Object - Object 생성과 속성 * object 객체 : Javascript의 가장 기본이 되는 내장 객체 * object 객체의 생성 방법 var object = new Object(값); * object 생성자의 속성 - Object.length : 값은 1 - Object.keys() * 해당 객체의 키 값들을 반환 var array = ['aaa','bbb','ccc','ddd']; document.write("Object.keys(array) = " + Object.keys(array) + " "); var object1 = {'name' : 'jenny', 'age' : 22, 'addr' : 'korea'..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 17. 캡슐화와 상속 * 캡슐화 - 객체의 특정 속성이나 메소드를 외부에서 직접 접근해서 사용 할 수 없도록 가려주는 것 - 객체에 잘못된 값이 할당되는 것을 방지해 줌 - 외부에 불필요한 메소드를 숨김 * 캡슐화를 사용하지 않을 경우의 문제점 function Dog(name, price, height, weight){ this.name=name; this.price=price; this.height=height; this.weight=weight; } var dog1 = new Dog("푸들", 100, 1, 10); dog1.price = -100 //가능 > 개의 가격은 - 값을 가질 수 없으나 -100값이 가격으로 할당되기 때..

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 16. 생성자 함수 사용 * 생성자 함수 - 반복적으로 동일한 속성을 가진 객체를 생성할 때 객체를 생성하기 위한 틀을 정의하는 함수 * 생성자 함수를 사용 할 때와 사용 하지 않을 때의 객체 생성 - 생성자 함수를 사용하지 않고 객체를 여러 개 생성 하는 경우 var dog1 = {breed : "푸들", age : 10, name : "푸돌이", country : "프랑스"}; var dog2 = {breed : "불독", age : 6, name : "귀요미", country : "독일"}; var dog3 = {breed : "시바견", age : 4, name : "까꿍이", country : "일본"}; - 생성자 함수를 ..