분류 전체보기 (105) 썸네일형 리스트형 TeamProject_240503 movies.forEach((movie) => { const posterImg = movie.poster_path; const title = movie.title; const overView = movie.overview; const average = movie.vote_average.toFixed(1); const id = movie.id; const releaseDate = movie.release_date; const director = movie.credits.crew.find( (director) => director.job === "Director" ).name; const actor = movie.credits.cast .sl.. TeamProject_240502 모달 세로 -> 가로 모양으로 변경 document.addEventListener("click", (event) => { const viewModal = event.target.closest(".card"); if (viewModal) { const modalId = viewModal.id; const movieData = movies.find((movie) => movie.id === parseInt(modalId)); if (movieData) { openModal(` class="movieImg" src="https://image.tmdb.org/t/p/w500/.. TeamProject_240501 모달 구현 const movieSection = document.getElementById("movieSection"); movieSection.innerHTML = ""; movieSection.innerHTML = movieInfo; function openModal(text) { const modal = document.getElementById("modal"); const modalText = document.getElementById("modalText"); modalText.innerHTML = text; modal.style.display = "block"; } function closeModal() { const modal = document.getEl.. 콜백함수_240430 //콜백 함수 -> 다른 코드의 인자로 넘겨주는 함수// setTimeout(function () {// console.log("hi")// },1000)const numbers = [1, 2, 3, 4, 5];numbers.forEach(function (number) { console.log(number);});//제어권 / 호출 시점에대한 제어권을 갖는다.//setInterval() : 반복해서 매개변수로 받은 콜백함수의 로직을 수행let conut = 0;let cbFunc = function () { console.log(conut); if (++conut > 4) clearInterval(timer);};//setInterval의 반복을 멈추기위한 timer 선언let timer .. 호이스팅,this_240429 3주차 강의도 마무리 되어가고있으며, 실습을 주석과 함께 기재하며 추후에 복기 예정이다. SingleProject_240428 //이런 패턴은 어떨까요?var copyObject = function (target) { var result = {}; // for ~ in 구문을 이용하여, 객체의 모든 프로퍼티에 접근할 수 있습니다. // 하드코딩을 하지 않아도 괜찮아요. // 이 copyObject로 복사를 한 다음, 복사를 완료한 객체의 프로퍼티를 변경하면 // 되겠죠!? for (var prop in target) { result[prop] = target[prop]; } return result;};//위 패턴을 우리 예제에 적용해봅시다.var user = { name: "wonjang", gender: "male",};var user2 = copyObject(user);user2.name = "two.. SingleProject_240427 프로그래머스에 등록된 JS 레벨1에 해당하는 3가지 문제이다위2문제는 스스로 해결했으나 마지막 문제는 고민이 길어져 풀이 참고를하며 이해하였다이정도 수준에서 머릿속에서 어느정도 구현은 가능하나 익숙치않거나 모르는 문법이나 기능들이 있어막히는 부분들을 크게 느꼈다 배열 [n][m] 형태는 n번째 인덱스의 n번째 값을 나타내며,.replace를 통해 (target, re) target에 해당하는 값을 re 값으로 변경한다는 기능을 새롭게 학습하였다 SingleProject_240426 const getMovie = async (val = "") => { const options = { method: "GET", headers: { accept: "application/json", Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI3ZTgyODI3ZDZmZmE5NDRjNDU2N2FlODIzZTE1ZTJkZiIsInN1YiI6IjY2MjYyNTI4ZWI3OWMyMDE2NWQ0M2Q1MSIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.bdvFO8e_naip64AYTGlq-zQSBQdh2vSqX6BTdRn-yH4", }, }; const response .. 이전 1 ··· 9 10 11 12 13 14 다음
