ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [TIL] 0115
    카테고리 없음 2024. 1. 15. 20:35

     

    코드카타

     

    // 배열 평균값

     

    function solution(numbers) {

     

        var answer = 0;

        let allSum = 0;

        for (i=0; i<numbers.length; i++) {

            allSum = allSum + numbers[i];

            answer = allSum / numbers.length

        }

        

        

        return answer;

    }

     

     

     - 좋은 풀이

    function solution (numbers) {

    var answer = numbers.reduce((a,b) => a+b, 0) / numbers.length;

    return answer;

    }

     

     

     

     

    // 평균 구하기

     

    function solution(arr) {

        var answer = 0;

        let arrAvg = 0;

        

        for (i=0; i<arr.length; i++){

            arrAvg = arrAvg + arr[i];

            answer = arrAvg / arr.length

        }

        return answer;

    } 

     

    위랑 다를게 없는데..?

     

    hover 요소 배경이 뒤집어지면서 배경 반이 투명해지게 구현 / 프로젝트에는 사용하지 못했으나 나중에 사용할 수 있을듯?

    transform: rotateY(180deg);
    mask-image: linear-gradient(0deg, transparent 50%, black 100%);

     

     

    \ 팀 프로젝트 추가 구현

     

    #검색창 마우스 올리면 포인터

    css 에서 cursor : pointer;

     

    #null 일때 , alert 창, 전체 영화페이지로

    if 값으로 검색결과를 나타내고 else 에

        alert("입력 값이 없습니다.");

        window.location.reload(true);

     

     

    /** 페이지 로드 후 자동으로 인풋창이 선택되어 바로 검색이 가능 */

    document.addEventListener("DOMContentLoaded", function () {

      const searchInput = document.getElementById("search_input");

     

      if (searchInput) {

        searchInput.focus(); 

      }

    });

Designed by Tistory. KYW