◎ JavaScript/JavaScript🦎

[JavaScript] 객체를 배열로 바꾸는 방법 [Object.keys(), Object.values(), Object.entries()]

- 객체를 배열로 바꾸는 방법 객체를 배열로 바꾸는 방법에 대해 알아볼 예정이다. (아래 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++) {..

[JavaScript] 콜백(callback) 함수란? [다른 함수의 인자로 전달된 함수]

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

[JavaScript] 얼리 리턴 패턴(Early return pattern)이란? [특정 조건에 부합하지 않으면 바로 return하는 패턴]

- 얼리 리턴 패턴(Early return pattern)이란? 얼리 리턴 패턴은 말 그대로 빨리 리턴한다. 즉, 특정 조건에 부합하지 않으면 바로 return을 하도록 하는 패턴이다. // 코드 해석이 한 번에 되지 않고, 가독성이 좋지 않아 복잡하다. function func(num) { if (num > 0) { if (num >= 10) { console.log("num의 값이 10보다 크거나 같습니다."); } else { console.log("num의 값이 0보다 크고 10보다 작습니다."); } } else if (num === 0) { console.log("num의 값이 0입니다."); } else { console.log("num의 값이 0보다 작습니다."); } } func(15);..

[JavaScript] 자바스크립트 연산자 정리 [산술 연산자, 대입 연산자, 논리 연산자, 비교 연산자 등]

- 자바스크립트 연산자 연산자 : 프로그래밍 언어에서 특정 연산을 할 수 있도록 도와주는 문자 1. 산술 연산자 // 덧셈 +, 뺄셈 -, 곱셈 \*, 나눗셈 / 은 가장 기본적인 산술 연산자 let num1 = 10; let num2 = 5; console.log(num1 + num2); // 15 console.log(num1 - num2); // 5 console.log(num1 * num2); // 50 console.log(num1 / num2); // 2 // 나머지 연산자 console.log(num1 % 2); // 0 console.log(num2 % 2); // 1 // 증감 연산자 let num = 10; console.log(num++); // 후위연산 -> 10 console.lo..

[JavaScript] 자바스크립트 자료형과 형 변환 [원시 타입과 비 원시 타입, 묵시적 형 변환, 명시적 형 변환]

- 자료형과 형 변환 1. 원시 타입과 비 원시 타입 자바스크립트 자료형은 크게 원시타입과 비 원시 타입으로 나뉜다. - 원시 타입 : 하나의 고정된 값을 갖는 변수들의 타입 ex) 숫자형, BigInt형, 문자형, Boolean형, Null, Undefined, Symbol형 - 비 원시 타입 : 한 번에 여러 개의 값을 갖고 있는 변수들의 타입 ex) 객체형 (객체, 함수, 배열) * 이번 게시글에서 Symbol형은 안다룰 예정 let number = 123; number = "123"; // 원시 타입 : 단 하나의 값만을 갖고있는 타입들 let array = [1, "2", 3]; // 비원시 타입 : 여러 개의 값을 갖고있는 타입 1) 숫자형 숫자형(Number 타입)은 정수, 소수 등 모든 숫..