[JS] 14. loadash 이용해서 랜덤으로 배경이미지 변경하기 , 그리고 시간 출력하기

1. Javascript 시간 객체 만들기

---

• 현재 시간을 나타내는 객체 만들기

  const now = new Date()
  // 출력 : Oct 25 2022 16:43:24

• 의외로? 쉬운 시각, 분 가져오기 (슬라이싱을 안써도 된다니! 신세계라고 할 수 있겠다.)

  			let hour = now.getHours // 16
        let minute = now.getMinutes  // 45
        let day = now.getDate // 25

  • 이런식으로 숫자로 출력하게 된다.

• 내가 출력하고 싶은 포맷은? 오후 04:47:45 이런식으로 출력하고 싶다. 이때 사용하는 함수는?
  • toLocaleTimeString()

2. random 배경화면 만들기

---

• lodash 를 이용해서 랜덤으로 추출한다.
  • _.sample([1,2,3,4,5,6]) ⇒ 1~6중에서 하나를 랜덤으로 추출한다.
  • _.sample(_.range(1,7))
  • 위의 두 코드는 같다!

• 만약 1개 이상의 값을 추출하고 싶다면?
  • _.sampleSize([1,2,3,4,5,6], 2) ⇒ 1~6 중에서 두개를 랜덤으로 추출합니다.

  const bodyTag = document.querySelector('body')
      bodyTag.style.backgroundImage = `url(images/${image}.jpg)`;

Uploaded by N2T