본문 바로가기

분류 전체보기520

[ 연산자와 구문 ] For, For of, For in 반복문 // For 반복문 /* for (초기화; 조건; 증감) { // 반복 실행할 코드 } */ for (let i = 0; i -1; i -= 1) { console.log(i) // 9 8 7 6 5 4 3 2 1 0 } for (let i = 9; i > -1; i -= 1) { if (i -1; i -= 1) { if (i % 2 === 0) { // 짝수 continue; // 짝수인 경우에.. 2023. 11. 3.
[ 연산자와 구문 ] If, Switch 조건문 // If 조건문 function isPositive(number) { if (number > 0) { return '양수' } } console.log(isPositive(1)) // 양수 console.log(isPositive(10)) // 양수 // 함수 내부에 아무것도 내용이 없는 상태로 함수가 끝나기 때문에, undefined 가 나온다. // 함수는 return 키워드를 사용 하지 않으면 기본적으로 undefined 가 반환 되는 특징을 가진다. console.log(isPositive(-2)) console.log(isPositive(0)) // undefined function isPositive2(number) { if (number > 0) { return '+' } else if (.. 2023. 11. 3.
[ 연산자와 구문 ] 선택적 체이닝 // 선택적 체이닝 (Optional Chaining) const user = {} console.log(user.name) // 객체 내부에 없는 속성 (key) 를 조회 하므로, undefined 출력. const test = null // console.log(test.name) // Uncaught TypeError : Cannot read properties of null const test2 = undefined // console.log(test2.name) // Uncaught TypeError : Cannot read properties of undefined // 위와 같이 null 또는 undefined 는 점 표기법으로 속성을 조회 할 수 없다. (당연) // 그래서 이런 경우에 선.. 2023. 11. 2.
[ 연산자와 구문 ] 구조 분해 할당 // 구조 분해 할당 (Destructuring assignment) // 구조 분해 할당은 배열 데이터와 객체 데이터 에서 사용 가능 하다. // 각 데이터의 구조에 맞게 개별 변수를 손쉽게 만들 수 있어서 편리 하다. const arr = [1, 2, 3] const a = arr[0] const b = arr[1] const c = arr[2] console.log(a, b, c) // 1 2 3 // 원래 위와 같이 작성 했는데, 이것을 구조 분해 할당 개념을 사용 해서 표현 할 수 있다. const arr2 = [4, 5, 6] const [d, e, f] = arr2 console.log(d, e, f) // 4 5 6 // 기존에 변수를 세번 선언 하고 값을 할당 했던것과 달리, // 배열을.. 2023. 11. 2.
[ 연산자와 구문 ] 전개 연산자 // 전개 연산자 (Spread Operator) // => 배열 데이터의 대괄호 [] 를 날려주는 역할 ! // => 객체 데이터의 중괄호 {} 를 날려주는 역할 ! // 유용 하게 사용 된다 ! const a = [1, 2, 3] console.log(a) // [1, 2, 3] // ... 은 전개 연산자 라고 부른다. 즉, 데이터를 쭉 펼쳐서 전개 한다. => 1 2 3 console.log(...a) // 1 2 3 console.log(1, 2, 3) // 1 2 3 => console.log 는 , (콤마) 를 제거 하고 출력. const b = [1, 2, 3] const c = [4, 5, 6] b.concat(c) // [1, 2, 3, 4, 5, 6] d = b.concat(c) co.. 2023. 11. 1.
[ 연산자와 구문 ] Nullish 병합, 삼항 연산자 // Nullish 병합 (Nullish Coalescing) const n = 0 // 0 || 7 이고, // => || 연산자는 가장 첫번째로 나온 true 데이터 반환. // 따라서 num1 변수에는 7이 저장 된다. const num1 = n || 7 console.log(num1) // 7 // 그런데, 이때 숫자 0 데이터를 true 또는 false 데이터로 사용 하고 싶은게 아니라, // 유효한 숫자 데이터로 사용을 하고 싶으면 어떻게 해야 할까 ? // 이때, Nullish 병합 연산자를 사용 할 수 있다. => ?? 기호를 사용 한다. // Nullish 병합 연산자는 null 과 undefined 를 제외한 나머지 데이터를 만나면 // => 그 즉시 처음에 만나는 데이터를 반환 한다... 2023. 11. 1.
[ 연산자와 구문 ] 논리 연산자 // 논리 (Logical) const a = true const b = false // AND (그리고) 연산자 if (a && b) { // 아무것도 출력 되지 않는다. (a가 참이여야 하고, b도 참이어야 한다) console.log('모두 참 !') } // OR (또는) 연산자 if (a || b) { // 출력 된다. (a가 참이거나, 또는 b가 참이다) console.log('하나 이상이 참 !') } console.log(true && false) // false // && == AND == 그리고 연산자를 사용 하면 단순하게 true 또는 false 가 반환 되는게 아니라, // 연산자를 기준으로 좌우의 피 연산자가 반환 될 수 도 있다. // => && 연산자는 코드의 왼쪽에서부터 확인.. 2023. 11. 1.
[ 연산자와 구문 ] 부정, 비교 연산자 // 부정 (Negation) console.log(!true) // false console.log(!false) // true console.log(0) // 0 console.log(!0) // true (부정 연산자 ! 을 추가 하면 true 가 출력 된다) console.log(!!0) // false (부정 연산자 ! 을 두번 붙히면 false 가 출력 된다) console.log(!!!0) // true (활용도가 낮긴 하지만, 부정 연산자 ! 는 중첩 해서 사용 할 수 있다) // false 데이터에 부정 연산자 ! 를 붙히면 모두 true 가 나오게 된다. console.log(null) // null console.log(!null) // true console.log(undefined.. 2023. 11. 1.
[ 연산자와 구문 ] 산술, 할당, 증감 연산자 // 산술 (Arithmetic) console.log(1 + 2) // 3 console.log(5 - 7) // -2 console.log(3 * 4) // 12 console.log(10 / 2) // 5 console.log(7 % 5) // 2 (7을 5로 나눈 나머지) ( % : 나머지 연산자) function isEven(num) { return num % 2 === 0 // 짝수 } console.log(isEven(2)) // true console.log(isEven(3)) // false // =========================================================== // 할당 (Assignment) const a = 3 console.log(a) //.. 2023. 10. 31.