3-14 Error ~ 4-04 데이터 테이블

3-14 Error

//예외 처리 하기
try {
    consol.log("log메시지");
} catch(err) {
    console.log(err.name);
    console.log(err.message);
}
//위와 같은 코드에서 Error가 발생하며, catch문으로 들어가 Error의 명칭과 이유를 반환해줌

//강제로 Error 발생시키기 
var x = "";        
try {
    if(x == "") throw "empty";
} catch(err) {
    console.log(`x is ${err}`);
} finally {
    console.log("try/catch문 제일 마지막에 반드시 실행")
}

1. try : 예외가 발생 할 가능성이 있는 코드

2. catch : 예외가 발생 했을때 실행 할 코드

3. finally : 예외 발생 유/무와 관계없이 무조건 실행 할 코드

4. throw : 강제로 예외를 발생시킬때 사용하는 기능 

 

 

3-15 Strick Mode

x = 3.14
console.log(x)
//3.14가 반환됨
//문법에 문제가 있음에도 불구하고 정상적으로 실행이 됨 

//Strict Mode 
"use strict";
x = 3.14;
console.log(x);
//문법에 문제가 있는것을 잡아내서 Error가 발생함
//위의 코드는 변수 선언을 제대로 다시 해줘야 함

문법을 엄격하게 적용하는 기능으로 "use strict"로 선언함 

특정 함수 내에서만 strick mode를 활용 할 수도 있음

function i() {
    "use strict";
}

위의 코드 처럼 선언하면, 함수 내에서만 Strict Mode가 되고, 함수 밖에서는 적용 안됨

 

 

3-16 정규식(Regular Expression)

//i : 대/소문자 관계 없이 찾겠다
var str = "Hello WORLD! world!";
console.log(str.search(/world/i));
//6을 반환함 

//g : 문자열 내의 동일한 패턴을 모두 찾겠다
var str = "Hello WORLD! world!";
console.log(str.replace(/world/ig, "Jeremy")); 
//Hello Jeremy! Jeremy!를 반환함(대/소문자 관계없이 패턴을 모두 찾아 Jeremy로 변경)

//[abc]a or b or c가 있는 문자를 다 찾겠다
var str = "Is this all there is";
var patt1 = /[hat]/g; 
var result = str.match(patt1);
console.log(result);
//[t,h,a,t,h]를 반환함(h or a or t를 문자열 내에서 모두 찾아 Array로 반환해 줌)

//[0-9] : 0부터 9까지의 모든 숫자를 다 찾겠다
var str = "123abc456kkk";
var patt1 = /[0-9]/g;
var result = str.match(patt1)
console.log(result);
//[1,2,3,4,5,6]을 반환함(Array로 반환해 줌)

//(a|b) : a혹은 b를 찾겠다(단어를 찾을 수 있음)
var str = "re, green, red, gree, gram, gen, red, blue, yellow";
var patt1 = /(red|green)/g;
var result = str.match(patt1);
console.log(result);
//[green,red,red]를 반환함

//\b : 시작이 ~인 것을 찾겠다
var str = "HELLO, LOOK AT ME!";
var patt1 = /\bLO/g; 
var result = str.search(patt1);
console.log(result);
//7을 반환함(LO로 시작하는 위치를 찾아서 반환해 줌)

//\s : 공백을 찾겠다

//+ : ~을 최소한 1개 이상 다 찾겠다
var str = "Hellooo";
var patt1 = /o+/g;
console.log(str.match(patt1));
//ooo를 반환함(o를 최소한 1개 이상 다 찾아서 반환해 줌)

/검색하고자 하는 패턴/을 넣어 쉽게 찾아 낼 수 있음, 우편번호나 이메일을 확인하는데 많이 활용됨

i,g...은 modifier라고 칭함

 

 

4-01 HTML Element 컨트롤 

강의는 끝까지 들었으나 전혀 이해하지 못함

 

 

4-02 HTML 이벤트 컨트롤

강의는 끝까지 들었으나 전혀 이해하지 못함

 

 

4-03 HTML 스타일 컨트롤

강의는 끝까지 들었으나 전혀 이해하지 못함

 

 

4-04 데이터테이블 

강의는 끝까지 들었으나 전혀 이해하지 못함

 

 

오늘을 마무리 하며 :

오늘로 JavaScript 기초 강의를 모두 마무리 했습니다. 오늘은 강의를 들으면서도 많은 답답함을 느꼈지만, JavaScript에 대한 기본적인 이해도가 많이 부족하여 그런 것 같아 빨리 책을 보면서 다시 공부해 나가야 할 것 같습니다.