될때까지

🎯 동기와 비동기 동기(Synchronous) 현재 실행중인 코드가 끝나야 다음 코드를 실행한다. 현재 실행중인 작업이 끝날 때 까지 모두 동작 그만!! 다음 task는 대기한다. 장점 : 동기 처리는 코드를 순서대로 실행하기 때문에 실행 순서가 보장된다. 단점 : 현재 실행중인 task가 끝날 때 까지 다음 task는 실행을 못하며, task가 blocking되는 문제가 생긴다. 비동기(Asynchronous) 현재 실행중인 코드가 끝나지 않아도 다음 코드를 실행한다. 비동기 task는 실행하도록 브라우저에게 맡기고 다음 task로 넘어간다. 장점 : 블로킹이 발생하지 않기 때문에 여러개의 일을 처리할 수 있다. 단점 : 코드들의 실행 순서가 보장되지 않는다. 자바스크립트 엔진은 한번에 하나의 task..

템플릿 문자열 const won = 1000; const result = `이 과자는 ${won}원입니다.`; 파이썬의 f스트링처럼 출력하는 방법이군 객체 리터럴 객체의 메서드에 :function을 붙이지 않아도 됨 {sayNode : sayNode}와 같은 값은 {sayNode}로 축약이 가능함 [변수 + 값]등으로 동적 속성명을 객체 속성 명으로 사용이 가능함

var vs const, let if (true) { var x = 3; } console.log(x) // 3이라고 출력함! if (true) { const y = 3; } console.log(y) // Uncaught ReferenceError : y is not defined var는 더이상 쓰지 않도록 권장되는 변수지만, 옛날 코드들에서는 var로 선언했으므로 해당 코드를 봤을 때 이해할 수 있어야 한다. 💓 var과 const, let의 가장 큰 차이점은 블록 스코프다. if문 안에서 const로 선언한 y는 {}블럭 밖에서 y를 인지하지 못하지만, var로 선언했던 x변수는 if문 밖에서도 x를 찾아온다. wow var은 무적인가 싶지만 var는 함수 스코프를 존중하므로 아래의 코드에서 함수..

호출 스택 function first() { second(); console.log("첫번째"); } function second() { third(); console.log("두번째"); } function third() { console.log("세번째"); } first(); 위의 코드를 실행한다면 결과가 어떻게 될까? 예상해보자. 🙄 나는 콘솔에 세번째 -> 두번째 -> 첫번째 순서로 찍힐 것 같다. ✨ 이유는 자바스크립트는 콜스택에 호출된 함수들을 담아둔다고 알고있다. 스택이란? 출입구가 하나라서 나중에 들어온 함수가 먼저 실행되는 자료구조라고 알고 있다. 위에서 first, second, third 함수를 선언했고 맨 아래에서 first()함수를 호출했다. 따라서 first 함수가 호출됐으니 ..

## 자바스크립트 영상 시청 01_Console.log `console.log(출력할 대상)` : console에 찍어볼 때 사용한다. 02-1_Variables1 - 변수 선언과 할당 - 변수란 ? : 데이터를 담을 수 있는 대상 1) 변수의 선언(declare) : `let myNumber` 2) 변수의 할당, 대입(assign) : `myNumber = 100;` - 변수의 선언과 할당을 동시에 할 수도 있다. : `let myNumber = 100;` 02-2_Variable2 - data types - 기본타입(primitive type) 1) number : 숫자, 연산 가능( +, -, *, /, 나머지(remainder) % ) 2) string : 문자열, 따옴표안에 작성 3) boole..