ksmart_html_css_js(92)
-
객체생성자함수_js
객체 생성자 함수 - 함수를 new 연산자를 통하여 객체화 시키는 것 - var, let 으로 내부에 변수나 내부함수 선언시 외부에서 접근 불가능 - this 키워드로 내부 변수나 내부 함수(메서드) 선언 시 외부에서 접근 가능 - 함수 선언 후 new 연산자 활용해보기 function MyFn(){ } //함수에 new 연산자가 붙을 경우 객체화가 된다. console.log(new MyFn()); - 함수 내부에서 this 키워드 활용해보기 function MyFn2(){ this.userName; } var obj={}; obj.userName='홍길동'; console.log(obj); function MyFn2(){ this.userName='홍길동'; } console.log(new MyFn2..
2022.01.30 -
체이닝기법_js
- 체이닝기법 : .을 찍어 그 당시의 객체의 속성이나 메서드를 활용하는 방법 var obj01 = { fn : function(){ return ['홍길동','이순신']; } }; console.log(obj01.fn()); console.log(obj01.fn()[1]); console.log(obj01.fn().length); var obj01 = { fn : function(){ return ['홍길동','이순신']; }, obj : { fn2:function(){ return{ name:'홍길동' } } } }; console.log(obj01.fn()); console.log(obj01.fn()[1]); console.log(obj01.fn().length); console.log(obj01...
2022.01.30 -
객체_js
- 메모리에 등록된 데이터 ( 자료구조, 함수 ) - 속성과 기능을 가지고 있다. - 변수에 대입된 객체는 참조변수라고 한다. 참조변수 - 메모리에 생성된 객체 주소를 생성된 변수가 참조하는 것 - 생성된 객체가 여러 변수에 대입되더라도 대입된 변수들은 같은 주소를 가지고 있으며, 이 변수들 중 객체의 값을 변경 할 경우, 모든 변수들은 같은 주소를 참조하고 있음으로 변경된 동일한 결과값을 가진다. - 기본 자료형 - 객체 var arr1=[100]; var arr2=arr1; console.log(arr1,arr2,'객체'); arr2[0]=1000; console.log(arr1,arr2,'객체'); 객체 선언 - 객체 내부에는 키와 값 한 쌍을 이루어 데이터를 저장 할 수 있다. - 객체 선언은 {..
2022.01.30 -
제어문-반복문(while)_js
- 조건식의 결과값이 true이면 반복, false라면 반복 중단 var n=0; //초기값 -> 반복을 중단시키기 위한 수단으로 사용 while (n 초기값을 활용하여 조건 //자바스크립트 코드 //초기값을 활용하여 반복 1회 이후 증감 console.log(n,'초기값 변화'); n++; } console.log(n,'초기값 마지막 값');
2022.01.30 -
document api 실습
1. 버튼을 클릭 시 해당 버튼의 행이 제거 될 수 있도록 하시오. 제목 제거 제목 제거 1. 답
2022.01.30 -
html 요소 이벤트 - form 실습
1. 계산이라는 버튼 클릭 시 n1값과 n2값을 합하여 nSum에 적용하라. + = 계산 2. 계산이라는 버튼을 아래의 체크박스의 체크된 대상의 가격을 합산하여 sSum에 결과값을 출력하여라. 컴퓨터 부품 : 5000 컴퓨터 부품 : 4000 컴퓨터 부품 : 3000 컴퓨터 부품 : 2000 컴퓨터 부품 : 1000 계산 3. 옵션 및 수량 변경 시 총 가격, 부가가치세, 총 결제금액을 계산하여 해당 영역에 출력하여라. :: 옵션없음 :: 추가 A Type : 1000 추가 B Type : 2000 추가 C Type : 3000 1개 5개 10개 15개 총 가격 : 부가가치세 : 총 결제금액 : 1. 답 + = 계산 2. 답 컴퓨터 부품 : 5000 컴퓨터 부품 : 4000 컴퓨터 부품 : 3000 컴퓨..
2022.01.30