CafeM0ca

2020.04 제작 git/jest/jenkins/eslint,prettier를 실습할 수 있습니다.

버블링과 캡쳐링은 반대의 개념이다.각 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 변수 = ..

배열을 선언하는 두가지 방법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');..

＊생활코딩에서 배운내용을 모카에게 최적화해서 작성한 것임을 밝힌다.(어제 카페모카 한 잔 사마셨는데 카페주인이 한 잔 더 주면서 '뭐가 더 입맛에 맞나요?' 라며 총 두 잔을 한 잔가격에 마셨는데 맛있었다.. 물론 카페모카==시럽1~2,초코파우더많이 ㅎㅎ) 자료형 자바스크립트에서는 자료형이 3가지로 나뉜다. (첫글자가 대문자이다.) 1. Boolean(불린) : 참과 거짓을 뜻하는 true와 false. 2가지 자료형2. Number(넘버) : 수를 다루는 자료형3. String(스트링) : 문자,문자열을 다루는 자료형 변수 변수는 말 그대로 변할수 있는 수. 프로그래머가 무언의 값을 저장해서 사용하기 위한것이다.변수의 선언은 아래와 같이 한다. var 변수이름; 선언과 동시에 초기화도 된다. var a..