오늘은 강의 들을 시간도 없이
어제 마무리 못한 개인과제를 하느라 너무 정신없는 하루를 보냈어요..
오늘 개인과제에서 추가적으로 진행한 부분은
오른쪽 상단에 있는 🍅검색 부분인데
과제에서 원하는 검색은 filter 를 이용해 현재 가지고 있는 영화 정보들 중 원하는 영화를 찾아내는 검색인데
이미 검색 api를 통해 영화를 검색하기 때문에 이와 다르게 filter 를 통해 할수있는 검색이 뭐가 있을까? 싶어서 영화 평론사이트인 로튼토마토를 오마주해서
토마토점수를 기반으로 n점 이상/이하 를 검색해내기로 했는데
힘들더라구요..
토마토 점수를 입력 받으려면 input 도 필요하고 button 도 필요했기에
modal 도 만들어야해서 하루가 조금 짧더라구요..
filter 부분을 하면서 정확하게 알지 못한것들이 있었고 이를 통해 명확히 알게되었어요!
filter
arr.filter(callback(element[, index[, array]])[, thisArg])
callback함수의 값이true면 새로운 배열에 데이터를 넣어주고
false면 다음index의 데이터를 조건에 맞는지 확인하는 함수
이러한 형태로 구성되있어서 저는
callback 함수에 토마토 점수를 n점 이상인지 n점 이하인지 를 구분하여 해당 데이터를 재검색할 수 있게 만들었어요!
성장중인 🐑챙챙