Front-end/JavaScript 16

[JavaScript] 정규표현식

정규표현식 * 정규표현식 객체 생성 및 정규표현식과 관련된 메서드 실행확인 메타 문자 메타문자를 이용하여 정규식으로 검색조건으로 삼을 '특정패턴'을 만듦 문자열이 해당 정규식으로 제시한 특정패턴에 만족하는지 test()를 통해 검사하거나 replace()이용하여 치환 가능 실행확인 * 플래그 문자 i : 영문자에서 대소문자를 가리지 않고 비교 수행 g : 전역으로 비교를 수행 m : 여러줄 비교 수행 i 실행 확인 g|m 실행 확인* 주민등록번호 확인주민번호 : 확인

[JavaScript] 이벤트

이벤트(event) 1. 이벤트 모델 종류 1.1 DOM 이벤트 모델 - DOM 0 이벤트 모델 : 인라인 이벤트 처리 방식 - DOM 1 이벤트 모델 : addEventListener와 removeEventListener메서드를 이용한 이벤트 처리 - DOM 2 이벤트 모델 : 이벤트 버블링 및 캡쳐링과 같은 개념 도입 특정 특정 요소객체를 가지고 와서 해당 요소의 이벤트 속성에 접근한 후 이벤트 핸들러를 연결하는 방식 이벤트를 제거할 수도 있음 * DOM 0 이벤트 모델 요소 내부에 직접적으로 이벤트 속성을 기술 하지 않는 방식 이벤트 실행 이벤트 삭제 ..

[JavaScript] window용 객체

window 객체 window 객체는 자바스크립의 최상위 객체이며 크게 BOM과 DOM으로 나뉨 - BOM(Browser Object Modle) : location, screen. navigator, history - DOM(Document Object Modle) : document * [window.]open('url', '창이름', '창의특성') 네이버 * timer관련 메소드 setTimeout(함수, 일정시간ms) 내가 제시한 일정시간 후에 딱 한번만 실행 실행확인 setInterval(함수, 일정시간ms) 내가 지정한 시간 간격마다 '매번' 함수 실행 실..

[JavaScript] 객체 메소드

객체 메소드 * 객체 메소드 속성 객체의 속성 중 함수 자료형인 속성을 메소드라고 부름 실행확인 * in과 with 키워드 in : 객체 내에 해당 속성이 있는지 확인해 주는 키워드(존재하면 true, 아니면 false) with : 객체의 속성에 접근시 객체명을 제시하는 걸 생략할 수 있음(코드를 줄여주는 키워드) 이름 : 국어점수 : 수학점수 : 영어점수 : 실행확인

[JavaScript] 객체

객체 * 객체의 선언과 사용 객체는 중괄호 { }를 이용하여 생성하고, 중괄호 안에 이 객체에 필요한 속성들을 정의함 속성명:속성값의 형태로 정의(key:value) 속성값으로는 모든 자료형을 담을 수 있음 변수 = { 속성명:속성값, 속성명:속성값, 속성명:속성값, ... } 실행확인 * 객체 생성시 특이케이스(속성명 제시시 반드시 문자열 형태로 해야되는 경우) 실행확인 * 객체에서의 반복문 객체가 가지고 있는 모든 속성들에 순차적으로 접근하..

[JavaScript] 함수

함수 함수 선언하는 방법 선언적 함수(Function Declaration) : function키워드, 함수명 익명 함수(Function Expression) : 변수에 익명함수를 대입하는 방식 화살표 함수(Arrow Function) : 익명함수를 간단히 작성하는 방법(ES6(ES2015)에 추가) 즉시 실행 함수 iife(Immediately Invoked Function Expression) 선언과 호출 변수를 캡슐화처리해서 유용하게 쓸 수 있음 1) 선언적 함수 function 함..