일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 청첩장
- 영어회화
- event
- 산책
- 초코맘
- 업무
- effect
- javascript
- HTML
- 설날
- 영어공부
- 영어 회화
- 1일 1독서
- 용산아이파크몰
- 달리기
- 예비맘
- 신혼생활
- 결혼
- 결혼준비
- 자바스크립트 스타일 가이드
- 가을
- animation
- 1일 1영어회화
- 재택근무
- 1일 1단어
- 출산휴가
- 신혼
- 스타일 가이드
- 1일 1패턴
- css
- Today
- Total
목록전체 글 (707)
코딩물고기
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 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 : "일본"}; - 생성자 함수를 ..
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 16. 객체 사용 - 객체에 속성 추가 * Object.defineProperty() - 객체에 속성 하나를 추가함 Object.defineProperty(dog,'country',{}); > {}에는 추가하는 속성의 옵션 값이 지정된다. value : 추가하는 속성의 값 writable : 속성값 변경 가능 여부 get : getter 정의 set : setter 정의 configurable : 설정 변경 가능 여부 enumerable : for ~ in 문장 사용 가능 여부 * Object.define.Properties() - 객체에 여러 개의 속성을 추가함 Object.defineProperties(dog,{ country :..
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다. 14. 객체 생성 * 객체의 개요 - JavaScript는 객체 지향 언어 - 객체 지향 언어에서는 특성(속성)과 기능(메소드)으로 특징지을 수 있는 모든 대상은 객체로 판단한다 - 예 : 객체를 '개'라고 할 경우 > 속성 : 나이, 체중, 품종, 이름 > 메소드 : 달린다, 먹는다, 잔다, 짖는다 * 객체 생성 방법 - 빈 객체 생성 후 속성과 메소드 추가 var dog = {}; dog.name = "갑돌이"; dog['age'] = 6; dog["breed"] = "푸들"; dog['weight'] = 20; // object() 생성자 함수로 객체 생성 후 속성과 메소드 추가 var dog = new Object(); dog..