전체 글
-
[영화 검색 사이트] 정렬 기능 구현하기프로젝트 진행과정 2023. 10. 23. 22:03
javascript의 sort()라는 메서드를 활용하여 정렬기능을 만들었다. let arr = [1,2,3,4,5] arr.sort() 문자열 정렬은 sort안에 함수를 넣고 함수안에 2개의 매개변수 a,b를 집어넣은 다음에 매개변수의 크기를 비교하여 a 가 b 보다 작으면 -1, a 가 b보다 크면 1을 리턴한다. let arrUser = ["짱구", 철수", "유리", "맹구", "훈이"] // 영화데이터 정렬 resultSort = searchData.sort((a, b) => { if (a b) { return 1 } else { return 0 } }) 프로젝트 코드 let sortEvent = (value) => { let listCla..
-
[영화검색 사이트] 검색 기능 구현하기프로젝트 진행과정 2023. 10. 22. 03:03
영화를 검색하는 기능이다. let searchData = []; fetch('https://api.themoviedb.org/3/movie/top_rated?language=en-US&page=1', options) .then(response => response.json()) .then(response => response.results.forEach(item => { searchData.push(item) }) ) .catch(err => console.error(err)); 1. searchData라는 빈배열을 선언한다. 2. fatch로 불러온 데이터를 searchData에 push해 준다. let titleSearch = () => { let SearchInput = idSearch.value;..
-
[영화검색 사이트] 리스트 요소 클릭 이밴트 만들기프로젝트 진행과정 2023. 10. 22. 02:44
list의 요소를 클릭하면 해당 리스트의 id를 가져오는 기능을 만들겠다 id는 alert으로 보여준다. id를 가져오는 이유: id는 고유한 index값이기 때문에 id를 통하서 id의 정보를 가져올 수 있다. let printId = (id) => { alert(`영화 id : ${id}`) } id를 매개변수로 받아서 그 id의 값을 alert으로 띄워준다 fetch('https://api.themoviedb.org/3/movie/top_rated?language=en-US&page=1', options) .then(response => response.json()) .then(response => response.results.forEach(item => { let id = item.id; let..
-
[영화검색 사이트] 영화 리스트 구현하기프로젝트 진행과정 2023. 10. 22. 02:35
ui 기본틀이 만들어 졌으니 이제 TMDB에서 받아온 데이터를 가지고 리스트 를 만들겠다 fetch('https://api.themoviedb.org/3/movie/top_rated?language=en-US&page=1', options) .then(response => response.json()) .then(response => response.results.forEach(item => { let id = item.id; let title = item.title let poster_path = item.poster_path let overview = item.overview; let vote_average = item.vote_average; let appendHtml = ` ${title} ${o..
-
[JavaScript] 변수와 상수javascript 문법 2023. 10. 20. 21:52
변수 : 메모리에 저장한다. 읽어들여서 재사용한다. 변수의 5가지 주요개념 1. 변수 이름 : 저장된 값의 고유 이름 let a = 0; // a는 변수이름 2. 변수 값 : 변수에 저장된 값 let a = 0; // 0는 변수 값 3. 변수 할당 : 변수에 값을 저장하는 행위 let a = 0; // a에 0이라는 값을 할당 4. 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 let a = 0; a라는 변수를 사용하겠다 => 변수선언 5. 변수 참조 : 변수에 할당된 값을 읽어오는 것 let a = 0; console.log(a) // a라는 변수를 콘솔에 찍어보겠다. 변수를 선언할 수 있는 3가지 방법 : var let const 1. var 다시 선언 가능, 재할당 가능 var myVar..
-
[영화검색 사이트] UI 완성하기프로젝트 진행과정 2023. 10. 20. 21:35
오늘부터 영화검색사이트를 만드는 개인 프로젝트를 시작한다 TMDB라는 오픈 API를 통해서 영화를 검색할 수 있는 사이트를 만드는 프로젝트 이다. 오늘은 첫날이므로 UI먼저 완성했다. HTML 영화 검색 사이트 Home 카태고리 Search 부산행 정체불명의 바이러스가 전국으로 확산되고 대한민국 긴급재난경보령이 선포된 가운데, 열차에 몸을 실은 사람들은 단 하나의 안전한 도시 부산까지 살아가기 위한 치열한 사투를 벌이게 된다. 평점 : 9.9 copyLight@LeeDongTak CSS * { margin: 0; padding: 0; } a { text-decoration: none; } ul, li, ol { list-style: none; margin: 0; padding: 0; } html, bod..
-
조건에 맞게 수열 변환하기 1알고리즘 익히기 2023. 10. 19. 21:28
문제 정수 배열 arr가 주어집니다. arr의 각 원소에 대해 값이 50보다 크거나 같은 짝수라면 2로 나누고, 50보다 작은 홀수라면 2를 곱합니다. 그 결과인 정수 배열을 return 하는 solution 함수를 완성해 주세요. 정답 function solution(arr) { let answer = []; for (let i = 0; i = 50 && arr[i] % 2 === 0){ answer[i] = arr[i]/2 }else if(arr[i] < 50 && arr[i] % 2 === 1){ answer[i] = arr[i]*2 }else{ answer[i] = arr[i] } } return answer; } let arr = [1, ..