영화 검색 사이트: 즉시실행함수, 년도를 반복문으로 출력

상황


year 데이터 부분에 2023년부터 1985년도까지 선택할 수 있도록 데이터들을 넣어줘야 한다. 하지만 해당 년도들을 모두 수작업으로 작성하기는 효율적이지 않다.
그렇기에 우리는 즉시실행함수를 사용하여 해당 년도들을 반복문으로 출력하도록 한다.

  • ()()

    해당 형태를 만들면 즉시실행함수 사용가능!
    (function () {})() 을 만들어 함수를 실행하는데 더 간략하게 화살표함수로 변경해주도록 하자. (() ⇒ {})()

  • 2023년도에서 1985년도

    시작(i)을 2023년도로 시작해서 1씩 감소하도록 해서 마지막에 1985년도까지만 반복되도록 한다.

    const years = []
    for (let i = 2023; i >= 1985; i -= 1) {
      years.push(i)
    }
    
  • thisYear을 통해 최신년도로 갱신해주기

    현재는 2023년이지만 2024년, 2025년 등, 미래에 사용할 사용자를 위해서 최신년도를 개정해주도록 한다.

    변수 thisYear을 생성한다. new Date()라는 자바스크립트의 생성자함수를 적용하고 뒤에 getFullYear 메소드를 적용하면 현재 년도에 해당하는 숫자가 반환이 된다. 현재가 2024년 이라면 i값은 2024부터 시작한다.

    const years = []
    const thisYear = new Date().getFullYear()
    for (let i = thisYear; i >= 1985; i -= 1) {
      years.push(i)
    }
    

Comments