web 공부 3일차 - Java Script

https://opentutorials.org/course/3085

오늘은 java script에 대해 공부했다
이전에 비해 난이도가 확 올라간 느낌..

그래도 java랑 비슷해서 막 어렵진 않았다
웬지 모르게 친숙해~~
배워두길 잘했다!

웹 프로그래밍 공부를 하니
앱 개발할 때와 다른 매력이 있는 것 같다
좀 더 가볍게 할 수 있는 느낌..?
물론 아직 초심자 단계지만.

---

초반에 나온 조건문, 배열, 반복문은
아는 내용이라 빠르게 보고 넘어가고~

setColor (반복문)

var Links = {
  setColor: function (color){
     var links = document.querySelectorAll('a');
     var i = 0;
     while(i < links.length){
       links[i].style.color=color;
       i=i+1;
     }

    //$('a').css('color', color); //jquery
  }
}

night_day (조건문)

<input id="night_day"type="button" name="" value="night" onclick="
if(document.querySelector('#night_day').value === 'night'){
  document.querySelector('body').style.backgroundColor='black';
  document.querySelector('body').style.color='white';
  document.querySelector('#night_day').value='day';
}
else{
  document.querySelector('body').style.backgroundColor='white';
  document.querySelector('body').style.color='black';
  document.querySelector('#night_day').value='night';
}
">

Body (함수, 객체 생성)

var Body = {
  setColor: function (color){
    document.querySelector('body').style.color=color;
    //$('body').css('color', color); //jqeury
  },

  BackgroundsetColor: function (color){
      document.querySelector('body').style.backgroundColor=color;
      //$('body').css('backgroundColor', color); //jqeury
  },
  }
}

객체는 중괄호를 이용하여 생성한다

(java에서 만든 객체와 조금 느낌이 달랐다
변수와 메소드 사이 경계가 좀 더 흐릿한것같은..)

---

그리고 jqeury를 알게 된건 좋은 수확인 것 같다!
이토록 편리한 것이 있었다니..!

앞으로 유용하게 잘 써먹을것같다
역시 머리가 좋아야 몸이 고생을 안해~