FrontEnd/JavaScript

const regexr2=new RegExp([A-Z],'ig');모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.정규표현식/패턴/플래그 로 작성된다.   2.플래그 종류(생략가능)i: 대소문자 구분xg: 문자열내 모든 패턴 검색(안할시 첫번째 매칭만 수행)m: 행이 바껴도 검색     3.패턴.임의의 문자+앞의 패턴의 반복|or[][] 내부 문자는 or로 작동[ - ]범위 지정\d숫자\D숫자아닌 문자\w알파벳,숫자\W알파벳,숫자 아닌 문자^첫문자$끝문자\s공백{n1,n2}n1~n2자리     4. RegExp 객체new RegExp(정규표현식,플래그) 형식으로 작성한다.const regexr2=new RegExp([A-Z],'ig');  5.RegExp  메소드5-1.exec문자..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.Date 생성자date= new Date()date= new Date(0)date= new Date('2019/05/16/17:00:10')date= new Date('June 16, 2011 11:23:12')date = new Date(년, 월, 일, 시, 분 , 초 , 밀리초);date = Date()//문자열로 반환    2.Date 메소드const today= new Date();today.setFullYear(2000);//년도 설정today.setMonth(12);//월 설정today.setDate(22);// 날짜 설정today.setHours(1)//시 설정today.setMinutes(30)//분설정today.set..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.Math  Math 객체는 생성자 함수가 아니라 정적 프로퍼티랑 메소드만 제공한다.    1.PIMath.PI; // 3.141592653589793    2.메소드2-1.abs절댓값 반환Math.abs(-1); //1  2-2.round반올림Math.round(1.22)//1    2-3.ceil올림Math.ceil(1.1)//2   2-4.floor내림Math.floor(1.9)//1   2-5.sqrt제곱근 Math.sqrt(4)//2    2-6.random무작위 수(0~1사이)Math.random()    2-7.pow제곱수Math.pow(2,3)//8   2-8.max최댓값Math.max.apply(null,[1,2,3])//3..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.전역 객체모든 객체의 유일한 최상위 객체 브라우저에서는 window , Server에서는 global이다.this == window//true   1.전역 프로퍼티window.Infinity //무한window.NaN // NaNwindow.undefined //undefined   2.전역 함수전역 객체의 메소드 2-1.eval()매개변수에 전달된 구문을 평가 또는 실행한다(보안에 매우 취약)eval('1+1'); //2  2-2.parseFloat()문자열을 부동소수점 숫자로 변환parseFloat('2.11') //2.11  2-3.parseInt()문자열을 정수로 해석,반환parseInt(10.11); //10  2-4.encod..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.Number 생성자Number 생성자로 Number 객체 생성가능var n= new Number(12);    1.Number PropertyNumber의 프로퍼티들은 객체 생성의 필요없이 Number.propertyName로 접근한다.(정적 프로퍼티)   1-1.EPSILONJavaScript에서 표현할 수 있는 가장 작은 수만약 어떤수 2개의 차이가 Number.EPSILON보다 작으면 같은수로 인정한다.Number.EPSILON   1-2.MAX_VALUEJavaScript에서 가장큰수 (Infinity 제외)Number.MAX_VALUE   1-3.Min_ValueJavaScript에서 가장작은수Number.MIN_VALUE    ..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.네이티브 객체애플리케이션 전역의 공통 기능을 제공네이티브 객체는 애플리케이션의 환경과 관계없이 언제나 사용가능하다. 1-1.Object Object() 생성자 함수는 객체를 생성var o =new Object(); 1-2.Function모든 함수는 Function 객체다. new연산자로 생성할수있다.var f = new Function('a','b','return a+b');  1-3.BooleanBoolean 생성자 함수로 Boolean 객체를 생성할 수 있다var b = new Boolean(true);var b2 = new Boolean(false);  1-4.NumberNumber() 생성자 함수를 통해 Number 객체를 생성..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.프로토 타입 기반자바는 클래스 개념없이 프로토타입 기반 객체지향언어로 별도의 객체 생성방법이 존재한다.//객체 리터럴var obj1={};obj1.age=20;//Object() 생성자var obj2= new Object();obj2.age=20;//생성자function fun(){}var obj3= new fun();obj3.age=20;   2.생성자 함수, 인스턴스생성자 함수와 new 연산자로 인스턴스를 생성할수있다.다만 이 방법은 각 인스턴스마다 동일한 메소드가 생긴다.//생성자function Person(name){ //프로퍼티 this.name=name; //메소드 this.setname=function..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.클로저(closure)클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경과의 조합          1-1.렉시컬 스코프렉시컬 스코프는 함수를 호출할때가 아닌 선언한곳에 따라 결정된다.아래 코드가 작동될때1.infun 함수는 자신 내부에서 x를 검색2.없기때문에 외부함수 outfun 함수에서 x를 검색방식으로 작동한다.function outfun(){ var x=10; var infun = function() {document.write(x)} infun()}outfun()   1-2.반환?아래 코드에서는 외부함수인 outfun2가 inner에 infun함수를 반환한후에 콜스택에서 제거된다.하지만 그 이후에도 변수 x값..