072DATA

콜백 함수란?  콜백 함수는 다른 코드에 인자로 넘겨주는 함수임예를 들어, forEach, setTimeout과 같은 함수들이 콜백 함수를 사용함콜백 함수는 특정 작업이 완료된 후, 또는 특정 조건이 만족되었을 때 호출되는 함수로,필요에 따라 적절한 시점에 실행될 수 있음  콜백함수 제어권콜백 함수는 제어권이 넘겨받는 코드에 의해 제어됨 이 제어권은 크게 두 가지로 나뉨  호출 시점에 대한 제어권콜백 함수가 언제 호출될지는 콜백을 전달받은 코드가 결정함예를 들어, setTimeout의 콜백 함수는 지정된 시간이 지난 후 호출됨 인자에 대한 제어권콜백 함수가 호출될 때 전달되는 인자는 콜백을 호출하는 코드가 결정함콜백 함수는 특정 데이터를 인자로 받거나, 특정 컨텍스트에서 호출될 수 있음콜백함수에서 thi..

안녕   오늘은 명시적으로 this를 설정하기 위해서 사용되는 3가지 메소드에 대해서 간단히 정리해보겟슴닷     call 메서드 함수 호출 시 this를 명시적으로 지정해야 할 때 사용합니다 특징컨텍스트 전환객체 메서드를 다른 객체에서 호출하고 싶을 때 call을 사용해 this를 바꿀 수 있음. 사용법functionName.call(thisArg, arg1, arg2, ...) const person1 = { name: '이태규' };const person2 = { name: '한도현' };function greet() { console.log('상민이 닮은, ' + this.name);}greet.call(person1); // "상민이 닮은, 이태규"greet.call(person2); //..

안녕안녕하세요 오늘은 프로젝트 진행중에 별점 기능을 추가하여해당 로직들을 살펴보고 설명해보는 글을 작성해보도록 하겠습니다. 또 자랑도 할 겸 이미지 캡처 올려드리고 깃허브와 배포 링크도 달아두겠습니다.구경 한 번씩 해보시고  피드백이나 에러사항 있으면 댓글로 부탁드립니다.   Moview - 배포 링크https://shyunis.github.io/Moview/ THISISMOVIETHISISMOVIE Movie Make Dreamshyunis.github.io  Moview - 깃허브 링크https://github.com/sHyunis/Moview GitHub - sHyunis/Moview: 영화 커뮤니티영화 커뮤니티. Contribute to sHyunis/Moview development by cre..

안녕  오늘은 프로젝트 진행중 구현된 기능중 슬라이드에 대해서 소개해보겠슴다   변수 선언 let currentSlide = 0; const slider = document.querySelector(".slider"); const slides = document.querySelectorAll(".slide"); const leftButton = document.querySelector(".slide-button.left"); const rightButton = document.querySelector(".slide-button.right");   먼저 슬라이드의 현재 위치를 업데이트 할 수 있도록 변수,슬라이드를 적용시킬 요소(div, button)를 querySelector를 사용하여 클래스 ..

안녕  안녕하세요 오늘은 프로젝트 진행 중 오류가 발생했던 건을 기록해 보려고 합니다!      일단 각 영화 카드를 선택하면 해당하는 카드의 id 값으로 상세페이지가 불러와져야 합니다. 하지만 이중 중첩 forEach문을 잘못 사용하게 되어 같은 id값의 상세페이지가 로드 되었습니다.  틀린 예시 X올바른 예시 O 이렇게 각 카드에 해당하는 id 값을 적용시켜야 하는데  1번 id 값을 모든 카드에 다 넣어주고 2번 id 값을 모든 카드에 다 넣어주었기 때문에 결국 마지막 id 값을 모든 카드가 가지게 되어 같은 상세페이지가 나오는 것 입니다. 기존 코드 data.results.forEach(movie => { document.querySelectorAll(".movie-card").forEa..