- Date 객체 활용하여 날짜와 시간 출력하기 // Date 객체를 생성 및 "YYYY-MM-DD"의 형태로 "2023-12-21" 을 전달 let nowDate = new Date("2023-12-21"); console.log(nowDate); // Thu Dec 21 2023 09:00:00 GMT+0900 // 값을 전달하지 않으면 현재 날짜 출력 let nowDate = new Date(); console.log(nowDate); // Sat Jun 03 2023 20:56:46 GMT+0900 - 월, 일, 요일 구하기 // Date 객체는 월을 표기할 때에는 1월을 0, 2월을 1, ..., 12월을 11로 표기한다. let nowDate = new Date(); let month = no..

- 배열과 객체 구조 분해 할당 구조 분해 할당 : 배열이나 객체를 분해해서 그 값들을 각각의 변수에 할당하는 자바스크립트의 표현식 1. 배열의 구조 분해 할당 1) 기본 변수 할당 // 배열에 담긴 값 let colors = ["green", "blue", "purple"]; // 구조 분해 사용 X let c1 = colors[0]; // "green" let c2 = colors[1]; // "blue" let c3 = colors[2]; // "purple" // 구조 분해 사용 O let [c1, c2, c3] = colors; // 결과는 동일하다. console.log(c1); // "green" console.log(c2); // "blue" console.log(c3); // "purpl..

- 반복문 for of와 for in 1. for of 배열의 모든 요소에 접근해야 될 때 사용되는 반복문 let arr = [1, 2, 3, 4, 5]; for (let i of arr) { console.log(i); } 2. for in 객체의 모든 프로퍼티를 순회하는 반복문 (지정한 변수에 해당 객체의 프로퍼티 key값이 저장) let person = { name: "홍길동", age: 25, height: 180, }; for (let key in person) { console.log(`${key} : ${person[key]}`); } - 참고자료 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의 웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내..

- 객체를 배열로 바꾸는 방법 객체를 배열로 바꾸는 방법에 대해 알아볼 예정이다. (아래 person 객체를 배열에 담을 것이다.) let person = { name: "홍길동", age: 25, height: 180, }; console.log(person); // {name: "홍길동", age: 25, height: 180} 1. Object.keys() 매개변수로 받은 객체의 key들을 모두 찾아 배열의 형태로 반환하는 객체 매서드 // person 객체를 [key, key, ...] 형태의 배열로 변환 let newArray = Object.keys(person); // ["name", "age", "height"] for (let i = 0; i < newArray.length; i++) {..

- 콜백(callback) 함수란? 콜백(callback) 함수 : 다른 함수에 매개변수로 넘겨준 함수 (아래 예시의 finish 함수처럼 다른 함수의 인자로 전달된 함수를 콜백 함수라고 부른다.) function start(name, callback) { console.log(`안녕하세요 ${name} 입니다.`); callback(); // finish(); } function finish() { console.log("감사합니다."); } start("yermi", finish); - 참고자료 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의 웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내딛어보세요 ✨, - 강의 소개 | 인프런 www.inflearn..