전체 글

모던 자바스크립트 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 객체를 생성..

1.박스모델HTML의 모든 요소는 box 형태의 영역이다.  안녕      2.width , height너비와 높이를 지정해당 너비와 높이로 지정한 콘텐츠 영역보다 콘텐츠가 크면 넘치게 된다. 안녕하세요       3.margin, paddingmargin 하고 padding 영역을 정한다.  안녕      4.border4-1.border-style테두리선 스타일을 지정한다.다양한 종류가 있다.https://developer.mozilla.org/ko/docs/Web/CSS/border-style   4-2.border-width테두리의 두께를 정한다. 4방향에 정할수도있다.(border style 필수 적용)  4-3.bord..

모던 자바스크립트 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값..

1.크기 단위1-1.px픽셀 단위(화소)이다. 대부분의 브라우저는 1px을 1/96 인치로 잡는다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  1-2.%요소에 지정된 사이즈에 상대적인 사이즈   1-3. em요소에 지정된 사이즈에 대한 상대적인 사이즈1em = 100% 2em= 200% " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  1-4.remhtml의 사이즈를 기준으로한 em " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    1-5.Viewport 단위viewport를 기준으로 한 상대적 사이즈vw는 뷰포트 너비의 1/100vh는 뷰포트 높이의 1/100vmin은 뷰포트의 너비와 높이 중 더 작은 쪽의 ..

1.form 태그사용자가 입력한 데이터를 수집하기 위해 사용된다.  2.form 태그의 속성action폼 데이터를 처리할 서버 측 스크립트의 URL을 지정method폼 데이터를 제출할 때 사용할 HTTP 메서드를 지정(GET 또는 POST).enctype폼 데이터를 제출할 때 사용할 인코딩 타입을 지정target폼이 제출된 후 응답을 표시할 위치를 지정(_self, _blank, _parent, _top).autocomplete브라우저의 자동 완성 기능 사용 여부를 지정(on 또는 off).novalidate폼 제출 시 HTML5 검증을 비활성화name폼의 이름을 지정accept-charset서버가 지원하는 문자 인코딩을 지정  2-1.GET , Post특징GETPOST데이터 전송 방식URL 쿼리 문자열..