용용it

while while 반복문은 조건이 참이면 계속 반복하는 간단한 반복문이다. 다만 조건이 거짓이어야 멈추는 조건을 추가해야 반복을 멈춘다. let n = 0 while (n < 4) { console.log(n) n += 1 } // 0 // 1 // 2 // 3 n += 1 이라는 조건을 걸어서 조건을 멈출 수 있는 코드를 짰다. do while let n = 0 while (n) { console.log(n) } do { console.log(n) } while (n) 처음엔 while 문을 써서 반복을 하려고 했지만 n 이 0, false 값이라서 console.log(n) 이 나오지 않는다. 이때 do while 문을 써서 다시 작성하면 최소 1번은 n = 0인 것을 console.log(n)으..

For 반복문 for 문은 반복적으로 코드를 실행할 때 사용되는 반복문 중 하나이다. for 반복문의 기본 문법이다. for (초기화; 조건; 반복 후 실행될 코드){ // 반복 실행할 코드 } 아래는 for 문을 이용한 반복문이다. for (let i = 0; i -1; i -= 1) { if (i < 4){ break } console.log(i) } // 9 // 8 // 7 // 6 // 5 // 4 For of 반복문 for of 반복문은 반복 가능한 객체를 순회할 때 사용된다. const..

if 조건문 if 조건문은 불리언 값으로 평가되는 표현식이다. 예제에서 볼 수 있듯이 조건식을 여러개 추가하여 조건문을 만들 수 있다. 또한 else 블록은 생략할 수 있다. if (조건) { // 조건식이 참일 때 실행될 코드 } if (조건) { // 조건식이 참일 때 실행될 코드 }else { // 조건식이 거짓일 때 실행될 코드 } if (조건1) { // 조건식1이 참일 때 실행될 코드 }else if (조건2) { // 조건식2이 참일 때 실행될 코드 }else if (조건3) { // 조건식3이 참일 때 실행될 코드 }else { // 위의 모든 조건식일 거짓일 때 실행될 코드 } 이번에는 if 조건문을 이용하여 예제를 만들어보자. function isPositive(number) { if ..

선택적 체이닝(Optional Chaining) 선택적 체이닝의 문법이다. 1. 점( . ) 표기법 2. 대괄호( [] ) 표기법 선택적 체이닝이 왜 필요한가 ? 에 중점을 먼저 맞추자면 예시로 먼저 알아볼 수 있다. let user = {}; // 주소 정보가 없는 사용자 alert(user.address.street); // TypeError: Cannot read property 'street' of undefined 사용자가 여럿인데 주소 정보가 없는 사용자에 ?. 를 사용하면 에러를 해결할 수 있다. 선택적 체이닝 ?. 은 ?. 앞의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다. 다음 예시를 보자. const userA = { name: 'YongSoo..

구조 분해 할당(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 arr = [1, 2, 3] const [a, b, c] = arr console.log(a, b, c) // 1 2 3 let a = 0 let b = 0 let c = 0 const arr = [1, 2, 3]; [a, b, c] = arr console.log(a, b, c) // 1 2 3

전개 연산자(Spread Operator)는 주로 배열이나 객체를 다룰 때 사용된다. 배열이나 객체를 펼쳐서 개별적인 요소로 분리한다. 기본적인 문법은 ...를 이용한다. const a = [1, 2, 3] console.log(a) // [1, 2, 3 ] console.log(...a) // 1, 2, 3 말 그대로 배열이나 객체를 펼친다. 다른 예시를 보자. const a = [1, 2, 3] const b = [4, 5, 6] const c = a.concat(b) console.log(c) // [1, 2, 3, 4, 5, 6] const d = [a, b] console.log(d) // [[1, 2, 3], [4, 5, 6]] 여기서 concat 메소드는 두 배열 a와 b를 합쳐서 새로운 배..

자바스크립트에서 모듈은 자바스크립트 파일을 불러와서 코드를 재사용 할 때 사용한다. 기본적으로 import(가져오기)와 export(내보내기) 키워드를 사용한다. module.js와 main.js가 있다고 가정하자. // module.js export const str = 'ABC' export const arr = [] export function hello() {} // main.js import { str, arr, hello } from './module.js' console.log(str) // ABC console.log(arr) // [] console.log(hello) // f hello() {} module.js 에서 내보낸 변수, 함수등을 main.js 에서 가져와서 사용한 예제이다...

객체란 다양한 데이터 타입의 값들을 포함하는 컨테이너로, 속성(프로퍼티)과 동작(메소드)을 가지는 독립적인 개체이다. 객체는 프로퍼티에 접근할 때 점. 또는 대괄호 [] 를 사용하여 접근할 수 있다. const user = { name: 'Dragon', age: 100 } console.log(user) // {name: 'Dragon', age: 100} console.log(user.name) // 점 표기법 console.log(user['name']) // 대괄호 표기법 여러개의 객체에서 하나만 골라서 접근할 수도 있다. const userA = { name: 'Dragon', age: 100 } const userB = { name: 'Yong', age: 27, parent: userA } ..

const fruits = ['Apple', 'Banana', 'Cherry'] console.log(fruits.length) // 3 console.log(fruits[0]) // Cherry 기본적인 자바스크립트의 배열 문법은 대괄호 [ ] 를 사용한다. 또한 각 값은 쉼표 , 로 구분하여 할당한다. 그리고 배열은 length 속성을 사용하여 배열의 길이도 알 수 있다. let numbers = [1, 2, 3, 4, 5]; console.log(numbers.length); // 5 여기서 배열의 길이는 배열에 저장된 요소의 개수를 나타낸다.

다음과 같은 조건을 만족하는 객체를 일급 객체라 한다. 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조 (객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 다음 코드와 같이 위의 조건을 모두 만족하므로 일급 객체다. // 1. 함수는 무명의 리터럴로 생성할 수 있다. // 2. 함수는 변수에 저장할 수 있다. // 런타임(할당단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다. const increase = function (num){ return ++num; }; const decrease = function (num)[ return --num; };..