02. jQuery 사용(javascript)

기존의 javascript를 jQuery를 활용하여 코드 단순화

기존 js 코드를 단순화하기 위한 일종의 framework 앞에 $를 붙임

html 파일에 cdn link를 받아와야 함(head 에 삽입)

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

let Body = {
  "setBackgroundColor": function (color) {
    // document.querySelector('body').style.backgroundColor = color;
    $('body').css('backgroundColor', color); 
    // body tag를 찾아서 css 중 backbroundColor를 입력받은 color로 변경
  },
  "setFontColor": function (color) {
    // document.querySelector('body').style.color = color;
    $('body').css('color', color);
  },
};

let Links = {
  setLinkColor: function (color) {
    // let links = document.querySelectorAll('a');
    // for( let link of links){
    //   link.style.color= color;
    // }
    $('a').css('color', color)
  },
}

backend 하다가 frontend에서 어떻게 API(json)으로 전송해 주는지 확인 할려고 React를 하려다 보니

이전에 좀 공부한 javascript를 복습함....

이제 그만 React로 넘어가야 겠다.