a || b a ?? b 둘다 a와 b를 비교하여 하나를 반환하는 연산자이다. 차이점을 보자. || 는 0, "", false, undefined, null 과 같은 falsy 값을 검사하는 연산자이다. 즉, 첫번째 참인(truthy) 값을 반환한다. +) 자바스크립트에서 null도 falsy 값이다. 그리고 모두 falsy 값이면 마지막 값을 반환한다. ?? 는 null, undefined 와 같은 nullish 값을 검사하는 연산자이다. 즉, 첫번째 정의된(defined) 값을 반환한다. let a = "" || '야호'; console.log(a); // 야호 let b = null || 1; console.log(b); // 1 let c = undefined || null || 0; consol..

?. 이 문법은 객체의 값에 접근할 때 사용한다. 간단하다. ?. 왼쪽이 null, undefined이면 ?. 오른쪽을 실행하지 않고 undefined를 리턴한다. 반대로 ?. 왼쪽이 null, undefined가 아니면 ?. 오른쪽을 실행한다. let human = { age: 30, address: "korea", name: { lastName: "park", } } console.log(human.job); // undefined console.log(human.job.salary); // error: Cannot read properties of undefined console.log(human.job?.salary); //undefined console.log(human.name?.lastNam..

버튼을 누르면 숫자가 변경되는(+/-) 프로그램을 리덕스를 이용해 바닐라 자바스크립트로 구현했다. 1. html Add Minus 2. javascript import { createStore } from "redux"; const add = document.getElementById("add"); const minus = document.getElementById("minus"); const number = document.querySelector("span"); number.innerText = 0; const ADD = "ADD"; const MINUS = "MINUS"; const countModifier = (count = 0, action) => { switch (action.type) { c..

간단한 todo앱을 redux를 이용해 바닐라 자바스크립트로 구현했다. 바닐라에선 npm으로 redux만 설치하고 코드를 작성하면 된다. 1. html To Dos Add 2. javascript import { createStore } from "redux"; const form = document.querySelector("form"); const input = document.querySelector("input"); const ul = document.querySelector("ul"); const ADD_TODO = "ADD_TODO"; const DELETE_TODO = "DELETE_TODO"; const addToDo = (text) => { return { type: ADD_TODO, t..

싱글 스레드(Single Thread) 스레드는 프로세스 내에서 실행되는 흐름의 최소단위이다. 스레드는 자신만의 프로그램 카운터, 시스템 레지스터, 스택을 가진다. 자바스크립트는 싱글 스레드 언어라고 불린다. 그 말은 '자바스크립트 엔진'이 하나의 스레드를 사용하는 싱글 스레드 방식이라는 것이다. 즉, 하나의 카운터, 레지스터, 스택을 가지며 한번에 하나의 작업만 수행한다. 자바스크립트에서 어떤 함수를 호출하면 함수와 관련된 값들을 실행 컨텍스트라는 객체로 생성한 후 콜 스택(자료구조)에 push한다. 스택에 push되면 바로 함수가 실행되며, 실행이 종료되고 나면 실행 컨텍스트는 pop되어 사라진다. 동기 (Synchronous) 코드를 작성한 순서대로 실행한다. 현재 실행중인 작업이 종료될 때까지 다..

로직은 아래와 같다. let a = [1, 2, 2, 4, 55, 55, 6, 72, 2, 55, 2, 72]; let b = []; for(let i=0; i