다연이네

1. JS 클래스 ES6 (ECMAScript 2015) - javascript 클래스를 도입했다. - class 키워드 + 항상 constructor() 함수(메소드) 추가 예시 2. form태그 유효성 검사 Name을 적지 않고 엔터친 경우 Age를 적지 않고 엔터친 경우 Name과 Age를 모두 적어야 페이지가 넘어간다. Name: Age: jquery로 수정 Name: Age: jQuery에서 이벤트를 취소하는 함수 event.preventDefault();

ES6(ECMAScript 2015) Arrow Function (화살표 함수) 추가 == 람다식 var hello = test; 처럼 test()가 아니라 함수명만 있다면? -> 함수 자체를 의미한다. 위 스크립트를 화살표 함수를 사용하여 수정해보자 this 1. 일반 무명(익명) 함수에서 this는? - 일반(무명)함수에서의 this는 함수를 호출한 객체를 나타낸다. window 객체가 load될 때 호출되는 hello에서는 this가 [object Window]이다. this 확인 버튼 btn1 객체가 click될때 호출되는 hello에서는 this가 [object HTMLButtonElement]이다. 즉, 같은 this라도 호출하는 객체에 따라 달라진다. 일반(무명)함수에서의 this는 함수를 ..

전역변수와 지역변수 1) 1. 100출력 2) 1.undefined 출력 함수선언보다 함수호출이 위에있어도 되지만, 변수가 함수호출보다 밑에 있으면 안된다. 왜 ? 자동으로 브라우저가 함수선언을 호출 위로 올린다. [ js hoisting ] : 변수선언, 함수선언 부분을 자동으로 맨 위로 이동시킨다. 3) 1.undefined 2.100 출력 밑의 2. n은 n이 함수 안의 지역변수라면 찍히지 않는다. "use strict"; 엄격한 모드 (변수를 선언후 사용하겠다 (var 선언하고 사용하겠다는 뜻)) 만약 전역변수로 form ="admin"을 선언한 후, 함수 내에서 form값을 변경하기 위해 다시 선언하는 과정에서 오타를 내 from = "hong"으로 작성했다. 그리고 출력은 form으로 하면 a..

위 코딩은 alert를 사용하여 만든 것이다. 이를 try~catch를 사용해 바꿔보겠다. 1. alert를 사용해 경고하기 kor: kor2: 2. try~catch문 사용하기 kor: kor2:

kor: 등급 확인 test() : 문자열의 정규표현식(패턴) 일치 여부에 따라 true/false반환하는 함수 exec() : 문자열에서 지정된 패턴을 검색하고 찾은 텍스트 반환, 찾지못하면 null 반환 => 반환값이 test()함수와 다르다 정규표현식 i : 대소문자 구별을 하지 않음 g : 전역검색, 문자열을 끝까지 검색하여 일치하는 모든 값을 찾아냄 m : 다중 행 검색, 행이 넘어가도 검색 테스트

insertRow(행 추가) insertCell(셀추가)

js Math 로또번호 발생기 버튼을 누를때마다 랜덤한 로또 번호가 발생한다. 로또 번호 발생기 리스트에서 숫자를 선택하면 그 줄만큼의 로또 번호를 출력하게 하자 (리스트의 숫자 1~20)은 동적으로 생성하자 +JQuery로 수정하자 로또 번호 발생기 join, evey 등등 기억해두기 - 로또 관련해 시험에 자주 나온다 js boolean

var flag = this.classList.toggle("active"); => active 클래스가 있으면 뺏고 없으면 준다 (토글의 역할) => flag =줬다 안줬다 T/F값 돌림 => 버튼을 누를때마다 동적으로 active라는 클래스가 추가/삭제된다. 위의 각 제목부분(버튼)을 누르면 밑의 내용이 펴지고 접어진다. Section 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla iure aliquam soluta minima impedit ratione laboriosam autem omnis. Doloribus eius incidunt totam iure deleniti a officia blanditiis rem recus..