TIL_2020년 10월 07일 (수)

목차

• 1.오늘 한 일
• 2.오늘 배운 것과 깨달은 것
• 3.오늘 진행한 작업물 (사진)

1.오늘 한 일

1. NomadCoder Vanilla JS
   • 3일차, 2.1강 ~ 2.4강
   • 오늘 숙제한 코드 (mouseover, mouseout, contextmenu, resize 될 때, 글자색, text 변경)

    const superEventHandler = function() {
      
    let title = document.getElementById("title");
   
    title.addEventListener("mouseover", function (event) {
        title.innerHTML = "Mouse is over";
        event.target.style.color = "#3498db";
    }, false);
   
    title.addEventListener("mouseout", function (event) {
        title.innerHTML = "Mouse is out";
        event.target.style.color = "#9b59b6";
    }, false);
   
    document.addEventListener('contextmenu', function (event) {
        title.innerHTML = "Somebody clicked mouse's right button"
        event.target.style.color = "#1abc9c";
    })
   
    window.addEventListener("resize", function (event) {
        title.innerHTML = "Oh. I am resizing now.";
        title.style.color = "#f39c12"
    }, false);
    }
   
    superEventHandler()
   

2. SpartaCodingClub App개발 종합반
   • 1주차, 8강 ~ 12강 JavaScript

    //map을 이용하여 반복문 돌리기 !
      
    let fruit_list = ['사과', '감', '감', '배', '포도', '포도', '딸기', '포도', '감', '수박', '딸기']
   
    let count = 0;
    fruit_list.map((value, i) => {
    let fruit = fruit_list[i];
    if (fruit == '딸기') {
        count += 1;
    }
    })
    console.log(count)
   

    // 이메일 판독하기 (1. indexOf, 정규표현식)
      
    // 1. indexOF 사용하기
   
    let user_email = "daaan0415gmail.com"
    let checking_string = "@"
       
    function checkEmail() {
        if (user_email.indexOf(checking_string) != -1) {
            console.log("이메일이 맞습니다");
        } else
            console.log("이메일이 아닙니다");
    }
    checkEmail()
       
    // 2. 정규 표현식 (이건 내가 쓴게 아니라, 다른 사람꺼 가져온 것임)
       
    function isEmail(asValue) {   
       let regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;   
       return regExp.test(asValue);
    }   
    isEmail("daaan0415@gmail.com")
      
   

2.오늘 배운 것과 깨달은 것

• 재밌댜! 공부만 하는 것보다 이렇게 만드는게 너무 재밌오~ 궁금한 것은 찾아보고 적용해보고~ 실행됐을 때 재미가 확실히 넘친다!

3.지금까지 작업물 (사진)