크리스마스 디데이를 만들어 보자! const clockTitle = document.querySelector("h2#dDay"); function difDday() { const christ = new Date("2023-12-25"); const nowDay = new Date(); const minus = christ - nowDay; const minusDay = String(Math.floor(minus / (1000 * 60 * 60 * 24))).padStart( 2, "0" ); const minusHours = String( Math.floor((minus / (1000 * 60 * 60)) % 24) ).padStart(2, "0"); const minusMinutes = String(M..
navigator.geolocation.getCurrentPosition(Ok, Error); 는 브라우저에서 현재 위치 정보를 가져오는 JavaScript 메소드이다. 이 메소드는 성공적으로 위치 정보를 가져올 경우 첫 번째에 있는 Ok 콜백 함수를 호출하고, 에러가 발생한 경우 두 번째에 있는 Error 콜백 함수를 호출한다.
Todo list 코드들이 어려워서 한줄 한줄 리뷰를 해보려한다. 기억을 되짚어 가며 최대한 강의에서 진행한 순서대로 리뷰할 수 있도록 해보겠다. 전체 완성된 코드 const toDoForm = document.getElementById("todo-form"); const toDoInput = toDoForm.querySelector("input"); const toDoList = document.getElementById("todo-list"); const TODOS_KEY = "toDos"; let toDos = []; function saveToDos() { // 배열상태인(localStorage는 배열 상태를 받을 수 없음) toDos를 // String으로 바꾸고 그 값을 toDos라는 이름의 ..
filter()는 JavaScript에서 배열을 조건에 따라 필터링하여 새로운 배열을 생성하는 배열 메소드 중 하나이다. 이 메소드는 원본 배열의 각 요소를 순회하고 지정된 조건 함수를 만족하는 요소만으로 이루어진 새로운 배열을 반환한다. 사용 예시 배열에서 짝수만 필터링하는 예제이다. const numbers = [1, 2, 3, 4, 5, 6]; const evenNumbers = numbers.filter((number) => number % 2 === 0); console.log(evenNumbers); // [2, 4, 6] filter()를 사용하면 배열을 특정 조건에 따라 쉽게 필터링할 수 있으며, 결과로 새로운 배열을 얻을 수 있다.
forEach() 메서드는 JavaScript에서 배열이나 다른 이터러블 객체의 요소를 반복하는 데 사용되는 고차 함수이다. 이 메서드는 배열의 각 요소에 대해 한 번씩 제공된 함수를 실행하며, 오름차순으로 처리된다. 기존의 for 루프 대신 사용할 수 있다. 사용 예시 const numbers = [1, 2, 3, 4, 5]; numbers.forEach((number) => { console.log(number); }); 위 코드는 numbers 배열의 각 숫자를 콘솔에 출력한다. forEach() 메서드는 선택적으로 두 번째 매개변수를 받을 수도 있는데, 이는 현재 처리 중인 요소의 인덱스를 나타낸다. const fruits = ['사과', '바나나', '오렌지']; fruits.forEach((f..
JSON.stringify() JavaScript 객체를 JSON 문자열로 변환하는 데 사용된다. 이 함수는 객체를 문자열로 직렬화하여 다른 플랫폼 또는 서버에 전송하거나 저장할 수 있도록 한다. JSON.stringify()는 객체의 속성과 값을 문자열로 변환하며, 필요에 따라 변환 과정에서 다양한 옵션을 설정할 수 있다. 사용 예시 const person = { name: 'John', age: 30, city: 'Seoul' }; const json = JSON.stringify(person); console.log(json); // 출력: {"name":"John","age":30,"city":"Seoul"} JSON.stringify() 함수는 객체의 속성들을 문자열로 변환하여 JSON 형식으로..
