전체 글

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.sort(원본 배열 변경)요소를 정렬[4,12,5].sort()//[12,4,5][4,12,5].sort(function(a,b){return a-b;})//[4,5,12]    2.forEachfor문 대신 사용가능[1,2,3,4].forEach(function(item){ document.write(item +" ");});   3.map각 요소에 콜백함수의 반환값으로 새로운 배열생성,반환document.write([1,2,3,4].map(function(a){return a+3}))//4,5,6,7    4.filter콜백 함수의 실행결과가 true인 배열요소만 추출후 새로운 배열반환document.write([1,2,3,4..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.배열JavaScript에서 배열은 객체고 프로토타입 객체는Array.prototype다.const Arr1=[1,2,3];Arr1[1]; //2Arr1.length;//3typeof Arr1;//object  2.생성자 함수const Arr2= new Array(1,2,3);//[1,2,3]const Arr3= new Array(4);//길이 4인 빈 배열생성    3.배열 요소 추가인덱스를 사용하여 할당Arr1[1]=1;   4.배열 요소 삭제delete로 삭제(length 변함 x)splice로 삭제(length 변화 O)delete Arr1[0];Arr1.splice(2,1);    5.배열 순회for in은 순서 보장 xf..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.String 생성자생성자 함수로 생성할수도있지만 변수나 객체 프로퍼티가 문자열값을 가지면 생성자없이 String객체의 메소드와 프로퍼티를 사용할수있다. const str="hihihi"strobj=new String("hellohello")   2.String 프로퍼티2-1.lengthstrobj=new String("hellohello")document.write(strobj.length)//10   3.String 메소드3-1.charAt인수로 index를 전달하여 해당 index의 문자를 반환document.write(strobj.charAt(2)+"")   3-2.concat인수로 1개 이상의 문자열을 입력해서 기존 문자열과 연..

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문자..

그레이디언트2가지 이상의 색을 혼합하여 배경을 생성하는것https://www.colorzilla.com/ko/gradient-editor/해당 사이트에서 css 그라디언트를 쉽게 생성할수있다.

1.text-shadow{ text-shadow: Horizontal-offset Vertical-offset Blur-Radius Shadow-Color; }의 형식으로 작성된다. 1-1.horizontal offset(생략불가)그림자를 오른쪽으로 지정값 이동 1-2.vertical offset(생략불가)그림자를 아래로 지정값 이동 1-3.blur radius그림자의 흐림 정도(커질수록 흐려지고 그림자가 커짐) 1-4.color그림자 색지정   그림자~그림자~" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스       2.box-shodow{ box-shadow: Inset Horizontal-offset Vertical-offset Blur-Radius Spread Shad..

벤더 프리픽스웹 브라우저가 아직 표준화되지 않은 CSS 속성이나 JavaScript 기능을 지원할 때 사용하는 접두사.example { -webkit-border-radius: 10px; /* Safari, Chrome */ -moz-border-radius: 10px; /* Firefox */ -ms-border-radius: 10px; /* Internet Explorer */ -o-border-radius: 10px; /* Opera */ border-radius: 10px; /* W3C 표준 */}

1.상속상위요소의 프로퍼티를 하위 요소에 상속하는 행위visibility ,opacity ,font ,color ,line-height ,text-align ,white-space이 상속가능하다  제목입니다 내용용용 상속안된버튼?    2.상속받지 못한 요소 상속inherit 키워드로 명시적으로 상속가능 제목입니다 내용용용 상속안된버튼?     2.캐스캐이딩CSS 적용 우선순위 중요도head의 stylehead style의 @import의 css파일의 css파일의 @import브라우저 스타일시트  명시도대상을 명확하게 특정할수록 우선순위가 높아짐아래에서 더 상세하게 규정한 css로 적용되었다.어떤색?  선언순서나중에 선언된 css가 우선순위를 가진다.어떤색일까       ..