본문 바로가기

Javascript

 (101)
함수 선언문(function declaration) 함수 = funtion(기능) , input과 output을 가지고 있는 기능의 단위 자바스크립트에서는 함수를 정의하여 코드의 재사용성을 높여 효율적으로 코드를 짤 수 있다. function (input) {output} //100번 따라쓰면 손에 익히기 출력은 항상 return 키워드를 사용한다. ✅ 함수 선언문(function declaration) function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 function 키워드를 사용하여 add라는 함수를 선언한다. 함수 선언문을 사용하면 함수를 미리 정의해두고, 필요할 때 호출할 수 있다.
타입 연산자(type operators) ✅ typeof 연산자 typeof 연산자를 사용하여 값의 자료형을 확인할 수 있다. 이때, typeof 연산자는 원시 자료형의 경우, 해당 자료형의 이름을, 객체나 함수의 경우, "object" 또는 "function"을 반환한다. typeof null의 경우 "object"를 반환하는 버그가 있다.
삼항 연산자(ternary operator) ?: ✨삼항 연산자(?:) let x = 10; let result = (x > 5) ? "크다" : "작다"; console.log(result); // "크다" [활용 빈도가 많은 연산자] 삼항 연산자를 사용하여 조건에 따라 값을 선택할 수 있다. 이때, 삼항 연산자는 조건식 ? true일 때의 값 : false일 때의 값 순서로 사용한다. (x > 5)라고 했을때 true 라면 "크다" 값이 출력
논리 연산자(logical operators) 1️⃣ 논리곱(&&) 연산자 console.log(true && true); // true console.log(true && false); // false console.log(false && true); // false console.log(false && false); // false 논리곱 연산자를 사용하여 두 값을 비교할 수 있다. 이때, 논리곱 연산자는 두 값이 모두 true일 경우에만 true를 반환한다. 2️⃣ 논리합(||) 연산자 console.log(true || true); // true console.log(true || false); // true console.log(false || true); // true console.log(false || false); // false 논..
비교 연산자(comparison operators) 1️⃣ 일치 연산자(===) console.log(2 === 2); // true console.log("2" === 2); // false console.log(2 === "2"); // false 일치 연산자를 사용하여 두 값이 같은지 비교할 수 있다. 이때, 일치 연산자는 자료형까지 비교한다. 타입까지 일치해야 true를 변환하는 연산자 2️⃣ 불일치 연산자(!==) console.log(2 !== 2); // false console.log("2" !== 2); // true console.log(2 !== "2"); // true 불일치 연산자를 사용하여 두 값이 다른지 비교할 수 있다. 이때, 불일치 연산자는 자료형까지 비교한다. 타입까지 일치해야 false를 변환하는 연산자 3️⃣ 작다() ..
할당 연산자(assignment operators) 1️⃣ 등호 연산자(=) let x = 10; console.log(x); // 10 x = 5; console.log(x); // 5 등호 연산자를 사용하여 변수에 값을 할당할 수 있다. 2️⃣ 더하기 등호 연산자(+=) let x = 10; console.log(x); // 10 x += 5; console.log(x); // 15 더하기 등호 연산자를 사용하여 변수에 값을 더할 수 있다. 3️⃣ 빼기 등호 연산자(-=) let x = 10; console.log(x); // 10 x -= 5; console.log(x); // 5 빼기 등호 연산자를 사용하여 변수에서 값을 뺄 수 있다. 4️⃣ 곱하기 등호 연산자(-=) let x = 10; console.log(x); // 10 x *= 5; co..
산술 연산자(arithmetic operators) ✅ 자바스크립트에서는 다양한 연산자를 제공하여 변수나 상수를 다양한 방법으로 조작할 수 있다. 산술 연산자(arithmetic operators) ( + , - , * , / , % ) 1️⃣ 더하기 연산자(+) console.log(2 + 3); // 5 console.log("2" + "3"); // "23" console.log("2" + 3); // "23" console.log(2 + "3"); // "23" 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있다. 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환한다. 2️⃣ 빼기 연산자(-) console.log(5 - 2); // 3 console.log("5" - "2"); // 3 console.log("..
JS 문법 : 데이터 타입_암시적 형 변환&명시적 형 변환 ✅ 자바스크립트에서는 다양한 자료형을 다룰 수 있다. 그리고 이 자료형들은 서로 형변환이 가능하다. [2]-1. 암시적 형 변환(implicit coercion) 암시적 형 변환은 자바스크립트에서 자동으로 수행되는 형 변환이며, 일반적으로 연산자를 사용할 때 발생한다. [2]-1-1. 문자열 변환 console.log(1 + "2"); // "12" console.log("1" + true); // "1true" console.log("1" + {}); // "1[object Object]" console.log("1" + null); // "1null" console.log("1" + undefined); // "1undefined" 위의 예제에서는 문자열과 다른 자료형이 연산자로 결합되어 있다. 이 ..
JS 문법 : 데이터 타입_불리언(Boolean)타입 7가지 ✅ 불리언(Boolean) 불리언은 참(true)과 거짓(false)을 나타내는 데이터 타입이다. let bool2 = false; console.log(bool2); // false console.log(typeof bool2); // "boolean" ✅ 불리언 데이터 타입은 조건문(if, else, switch 등)과 논리 연산자(&&, ||, !)와 함께 많이 사용된다. 예를 들어, 다음과 같은 코드를 작성할 수 있다. let x = 10; let y = 5; if (x > y) { console.log("x is greater than y"); } else { console.log("x is less than or equal to y"); } let a = true; let b = false; ..
JS 문법 : 데이터 타입_문자열(String)타입 6가지 ✅문자열(String) : 문자열은 문자의 나열이다. 작은 따옴표(')나 큰 따옴표(")로 감싸서 표현한다. 2-1. 문자열 길이(length) 확인하기 let str = "Hello, world!"; console.log(str.length); // 13 2-2. 문자열 결합(concatenation) let str1 = "Hello, "; let str2 = "world!"; let result = str1.concat(str2); console.log(result); // "Hello, world!" 2-3. 문자열 자르기(substr, slice) let str = "Hello, world!"; console.log(str.substr(7, 5)); // "world" 7번째줄부터 5개를 출력! ..

티스토리툴바