TIL 7 (JQUERY 이해)

22년도 소득때문에 건강보험료 정리하고 연금보험까지 정리하는 시간을 가졌다.

실업자인데 보험료가 많이 오르는건 부담되니까..

 

금일은 제이쿼리에 관하여 공부하였다.

 

JQUERY는 JAVA SCRIPT만 쓰면 복잡하게 형성되는 문구를 정리해주는거다

CAD로 따지자면 LISP이라고 볼수있겠다.

 

그래서 이해하는데 어려움은 없었다.

 

JQuery라는 라이브러리라는곳에 복잡한 Java SCRIPT를 모아놓은곳으로 이를 사용하기위해선 임포트를 사용해야한다.

 

내가 그전에 TIL에 썼던 @import와 같은거같다.

 

document.getElementById("element").style.display = "none"; -> 자바스크립트론 길게써야하는 문장을 

$('#element').hide(); -> 쿼리문으로 쉽게 사용할 수 있다.

 

 

// 시간 ChatGPT
function displayCurrentTime() {
  var currentTime = new Date();
  var hours = currentTime.getHours();
  var minutes = currentTime.getMinutes();
  var seconds = currentTime.getSeconds();

  // Add leading zeros to minutes and seconds if they are less than 10
  minutes = (minutes < 10 ? "0" : "") + minutes;
  seconds = (seconds < 10 ? "0" : "") + seconds;

  // Determine if it's AM or PM
  var meridiem = hours >= 12 ? "PM" : "AM";

  // Convert to 12-hour format
  hours = hours % 12;
  hours = hours ? hours : 12;

  // Display the time in HH:MM:SS format
  var timeString = hours + ":" + minutes + ":" + seconds + " " + meridiem;

  // Display the time in an element with id "current-time"
  document.getElementById("current-time").innerHTML = timeString;
}

// Call the displayCurrentTime function every second to update the time
setInterval(displayCurrentTime, 1000);

 

그 밖에 ChatGPT로 현재시간을 표시하는 자바스크립트문을 알려달라는것으로 빨간색 박스부분에 시간을 지금 내 노트북상의 시간으로 변경이 가능하게 함으로써 이번 수업은 종료되었다.