CafeM0ca

모카가 SOLID를 공부한 내용을 예를 들어 간단히 정리한 것이다. (코드 x)

버블링과 캡쳐링은 반대의 개념이다.각 html태그마다 이벤트를 설정했을때, 범위가 큰 엘리먼트순으로( )이벤트가 호출되는걸 캡쳐링(capturing)이라하고 범위가 작은 엘리먼트순으로 발생하는것을 ( ) 버블링(bubbling)이라고 한다.

이벤트는 무언가 발생하는 '때'이다.이벤트 핸들러는 이벤트를 프로그램과 연결해주는 것12345678

Document 객체: HTML문서를 조작할 수 있는 객체. DOM(Document Object Model)의 일부 window.document==doucument (window는 전역객체)document의 자식노드document.chileNodes[0]은 document.chileNodes[1]은 로 시작해서 로 끝나는 것..document.chileNodes[2]는 다음 태그. 예로 태그 document.createElement는 태그를 만듬ex) var M0ca=document.createElement('M0ca'); -> ,라는 태그가 만들어짐 document.titile->문서의 제목을 가져옴document.URL->해당 페이지의 URL을 가져옴document.referrer->해당 페이지로 오..

inline 방식: 태그에 자바스크립트를 작성하는 방식장점: 태그에 연관된 스크립트가 분명함단점: 정보와 제어가 섞여 있음->정보로서의 가치가 떨어짐 script 방식: 태그를 만들어 자바스크립트 코드 삽입장점:html태그와 js코드 분리 가능 외부 파일 방식:별도의 파일로 분리장점:엄격하게 정보와 제어를 분리할 수 있음. js의 재활용성을 높일 수 있음. 캐시 사용-캐시: 데이터나 값을 미리 복사해둘 수 있는 저장소(캐시에 데이터를 복사해두면 계산이나 접근시간 없이 더 빠른 속도로 접근할 수 있다.)

클로저내부함수는 외부함수의 지역번수에 접근할 수 있다.외부함수가 소멸된 후에도 내부함수가 외부함 변수에 접근이 가능하다. function Out(){ //외부함수 var out_num=1; function In(){ //내부함수 alert(out_num); //외부함수의 out_num에 접근 }In();}Out(); 결과: 1 arguments

함수는 한가지 기능만 해야한다. function add(num){console.log(num+1+'\n');}add(1);add(5);add(111); 결과26112 함수를 정의해두고 사용하면 코드의 생산성이 높아진다. 자바스크립트에서는 함수의 인자로 함수를 전달할 수 있다. function call_add(func,num){func(num);}call_add(add,3); 결과4 익명함수익명함수는 함수의 선언은 있지만 이름이 없는 함수를 뜻한다. 주로 변수에 대입하여 사용한다.var ex=function(){var num=prompt('num');console.log(num);}ex(); 결과1 CallBack(콜백)함수의 인자로 콜백함수를 전달하여 함수의 기능을 컨트롤함.비동기(브로드캐스트)에 유용함

정규표현식 : 문자를 찾거나 치환할때 쓰기위한 것컨트롤+f의 검색기능도 정규표현식을 활용한 것. 정규표현식 객체를 만드는 법1. var 변수 = /찾을문자/2. var 변수 = new RegExp('a'); 찾을 문자를 정했다면변수.exec('문자들') : 변수에 exec('문자들')중 포함되면 문자열 변수를 리턴한다.ex1) var ex1= /a/; ex1.exec('asdfgh'); 결과-> ["a"] ex2) var ex2= /abc/; ex1.exec('qweabczxf'); 결과-> ["abc"]ex3) var ex3= /abc/; ex1.exec('abdc'); 결과-> null 변수.testexec와 사용법이 같다. 다만 문자가 있으면 true, 없으면 false를 반환 옵션var 변수 = ..

정규표현식 : 특정 문자를 찾기위한 도구정규표현식 연습을 위한 곳: www.gskinner.com/RegExr/ ^(캐럿): ^문자열 -> 문자로 시작되는 부분을 찾음$(달러): 문자열$ -> 문자로 끝나는 부분을 찾음\(백슬레쉬,이스케이프): \문자 -> 위에 ^나 $을 정규표현식이 아닌 그냥 문자로 바꿔줌. : 모든것들을 가르키는 것...... : 6글자인 것을 찾음 [](대괄호) : [문자,문자...] -> 대괄호 안에 든 문자중 하나라도 있으면 찾음. 대괄호 자체가 1byte [ASF] = 1byte , [asfgqerwq]= 1byte[-](대쉬) : [시작지점-끝지점] 시작지점부터 끝지점까지 해당되는 문자를 찾음. 연달아서 사용가능하다. [시작지점-끝지점시작지점-끝지점시작지점-끝지점][^] :..

배열을 선언하는 두가지 방법1. var arr=[];2.var arr=new Array(); 배열의 원소(색인)은 0부터 시작한다. var arr=['1111','2222','3333','4444']; arr[0]의 값은 '1111'arr[3]의 값은 '4444' 배열의 요소를 추가하는 방법배열이름.push(값) ex) arr.push('5555') 요소를 여러개 추가하는 방법배열이름=배열이름.concat([값1,값2,값3,…]); ex)arr=arr.concat(['6666','7777','8888']); 원하는 위치에 요소를 추가하는 방법배열이름.splice(n번째 원소뒤에 추가 ,n번째요소 부터 k만큼 원소를 지움,추가할 원소); ex)arr.splice(2,3,'1111',2222',3333');..