개발일지

오늘 새로 알게 된 점!Query String쿼리스트링은 사용자가 입력 데이터를 전달하는 방법 중 하나로, url 주소에  데이터를 파라미터를 통해 넘기는 것을 말합니다http://~~/path?querystring위와 같이 쿼리 스트링은 url에서 ? 다음에 오는 내용을 말합니다쿼리스트링은 key=value 형식으로 구성되어있고,여러 개를 사용하려면 '&'을 사용하면 됩니다.http://~~/path?키=값&키=값

내배캠 첫 번째 개인프로젝트 영화정보 오픈API TMDB를 이용한 영화검색 사이트 만들기!📌 필수요구사항1)  jQuery 라이브러리 사용 없이 순수 바닐라 자바스크립트 사용하기2) TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기3) 영화정보 카드 리스트 UI 구현 카드에는 title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점) 이렇게 4가지 정보가 필수로 들어갑니다.4) 영화 검색 UI 구현5) 안내해준 javascript문법 요소를 이용하여 구현 위 5가지 필수요구사항에 만족하는 사이트를 만들면 되는 과제였다 !! 📌 과제 만들기일단 과제에 들어가기 전 화면에 보이는 틀부터 잡아주었다. 내배캠 최고 평점 영..

오늘 새로 알게 된 점!검색어를 받아 목록에서 해당 검색어에 맞는 값을 찾는데 소문자를 대문자로 검색하면 찾아지지 않는 문제점을 발견하였다 ... 📍 toLowerCase() - 문자열을 소문자로 변환해 주는 줍니다!📍 toUpperCase() - 문자열을 대문자로 변환해주는 줍니다!문자열을 변환해주는 함수를 찾아 넣어주었다 !if (배열이 담겨있는 변수.title.toLowerCase().includes(val.toLowerCase())) {}if문에 조건 부분에 위처럼 적용해 주어 문제해결 !

오늘 새로 알게 된 점!forEach() 메서드는 각 배열 요소에 대해 제공된 함수를 한 번씩 실행하는 함수입니다!이 메서드는 배열의 각 요소에 대해 제공된 콜백함수를 오름차순 인덱스 순서로 한 번씩 호출합니다. map()과 달리 forEach()는 항상 undefined를 반환하므로 체이닝할 수 없습니다. 📌 사용방법const array1 = ['a', 'b', 'c'];array1.forEach((element) => console.log(element)); element에는 배열에서 처리 중인 현재 요소를 넣어주면 됩니다!