[JavaScript] 콜백(callback) 함수란? [다른 함수의 인자로 전달된 함수]
·
◎ JavaScript/JavaScript🦎
- 콜백(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하는 패턴]
·
◎ JavaScript/JavaScript🦎
- 얼리 리턴 패턴(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] 자바스크립트 연산자 정리 [산술 연산자, 대입 연산자, 논리 연산자, 비교 연산자 등]
·
◎ JavaScript/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] 자바스크립트 자료형과 형 변환 [원시 타입과 비 원시 타입, 묵시적 형 변환, 명시적 형 변환]
·
◎ JavaScript/JavaScript🦎
- 자료형과 형 변환 1. 원시 타입과 비 원시 타입 자바스크립트 자료형은 크게 원시타입과 비 원시 타입으로 나뉜다. - 원시 타입 : 하나의 고정된 값을 갖는 변수들의 타입 ex) 숫자형, BigInt형, 문자형, Boolean형, Null, Undefined, Symbol형 - 비 원시 타입 : 한 번에 여러 개의 값을 갖고 있는 변수들의 타입 ex) 객체형 (객체, 함수, 배열) * 이번 게시글에서 Symbol형은 안다룰 예정 let number = 123; number = "123"; // 원시 타입 : 단 하나의 값만을 갖고있는 타입들 let array = [1, "2", 3]; // 비원시 타입 : 여러 개의 값을 갖고있는 타입 1) 숫자형 숫자형(Number 타입)은 정수, 소수 등 모든 숫..
[JavaScript] 변수 let과 상수 const의 개념 [변수 명명 규칙과 typeof 연산 사용법]
·
◎ JavaScript/JavaScript🦎
- 변수 let과 상수 const의 개념 1. 변수란? 변수 : 프로그램이 실행되는 도중에 변경되는 값을 저장하기 위한 이름을 가진 저장소 (자바스크립트에서는 변수를 선언할 때 let 이라는 키워드를 사용한다.) let color = "skyblue"; console.log(color); // skyblue color = "yellow"; // 변수의 값은 프로그램 실행 도중 변경할 수 있다. console.log(color); // yellow - 변수 명명 규칙 // 특수문자는 $, _ 만 사용 가능 let $name; let test_data; let &name; // 불가능 let ^test; // 불가능 // 변수명 맨앞에는 숫자를 사용할 수 없음 let 1test; // 불가능 let test..