Deep Dive 정복기🚩

딥 다이브 기록을 중지하기로 결정. 들어가는 시간이 너무 많고 효율이 떨어진다. 읽기는 하되 중요한 포인트만 잡아서 javaScript카테고리에 기록.

- 연산자란? 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행하여 하나의 값을 만든다. 이때 연산의 대상은 피연산자라 한다. 피연산자는 값으로 평가될 수 있는 표현식 이어야 한다. 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이다. ex) 표현식이란? 값으로 평가될 수 있는 문을 말한다. - 산술 연산자 산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우 NaN을 반환한다. (Not a Number) 산술 연산자는 피연산자의 개수에 따라 이항 산술 연산자, 단항 산술 연산자로 구분한다. 이항 산술 연산자 2개의 피연산자를 산술 연산하여 값을 만든다. 이항 산술 연산..

자바스크립트 언어 자바스크립트는 동적 타이핑 특징을 가지고 있고 동적 타입 언어라 한다. 동적 타입 언어는 변수의 타입은 선언이 아닌 할당에서 결정(타입 추론) 이 되고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다. 데이터 타입의 종류 자바스크립트는 총 7개의 데이터 타입을 제공하고 그중 원시 타입(primitive type)과 객체 타입(object/reference type)으로 분류된다. 원시 타입 : number(숫자), string(문자열), boolean(참, 거짓), undefined(자료형 미설정), null(값이 없음), Symbol(ES6에서 추가된 타입) 객체 타입 : 객체{ }, 배열[ ], 함수 등.. Number (숫자) 다른 언어는 정수와 실수를 구분해 int..

값(value) 값은 식(표현식)이 평가되어 생성된 결과다. (평가란 식을 해석하여 값을 생성하거나 참조 하는 것을 의미) 모든 값은 데이터 타입을 가지며 메모리에 2진수, 비트의 나열로 저장된다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석된다. (ex : 0100 0001 은 숫자로 해석하면 65, 문자로 해석하면 'A') 값은 다양한 방법으로 생성할 수 있다. ( 리터럴, 식 등) 리터럴(literal) 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다. 자바스크립트는 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. 표현식(expression) 표현식은 값으로 평가될 수 있는 문 이다. let score = 50 + 50; 50 + 5..

식별자란? 식별자는 어떠한 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. (변수명, 함수명 등) 식별자 네이밍 규칙 let test; // O let $test; // O let _test; // O let 1test; // X 숫자로 시작 let &test; // X 특수문자 사용 let test!!!; // X 특수문자 사용 let this; // X 예약어 사용 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있다. 단, 식별자는 특수문자를 제외한 문자, 언더스코어(_), 달러 기호($)로 시작해야 한다. 숫자로 시작하는 것은 X 예약어는 식별자로 사용할 수 없다. 예약어란 프로그래밍 언어에서 사용하는 단어를 말한다. 네이밍 컨벤션 네이밍 컨벤션은 하나..

초기화란 ? 초기화란 변수가 선언되고 최초로 값을 할당하는 것을 말하는데, 이 초기화 단계를 거치지 않으면 확보된 메모리 공간에는 이전에 다른 애플리케이션이 사용했던 값이 남아있을 수 있고 이 값을 쓰레기 값(garbage value)이라 한다. 따라서 메모리 공간을 확보한 후 값을 할당하지 않고 곧바로 변수 값을 참조하면 쓰레기 값이 나올 수 있다. var var은 ES6에서 let, const 키워드가 생기기 이전까지 유일한 변수선언 키워드였다. 이런 var에는 여러단점이 있는데 그 중 대표적인건 블록 레벨 스코프가 아닌 함수 레벨 스코프이기 때문이다. 이런 함수 레벨 스코프는 생각치 못한 오류로 이어질 수 있다. var score; //변수 선언 해당 코드는 변수를 선언만 한 상태이다. 변수에 값을..

자바스크립트 엔진의 연산 과정 💻 우선 자바스크립트의 10 + 20 을 진행할때의 순서부터 알아보자. 자바스크립트 엔진은 10 + 20 이라는 코드를 계산할때 메모리를 사용해 데이터를 기억하고, CPU를 사용해 연산을 진행한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이며 메모리 셀 하나의 크기는 1바이트(8비트), 즉 1바이트 단위로 데이터를 저장, 또는 읽는 작업을 한다. 컴퓨터는 해당 데이터가 텍스트, 이미지, 숫자 무엇이 되었든 모든 작업을 2진수로 처리하고 저장한다. 즉, 10 + 20 은 메모리 상의 임의의 위치에 저장하고 CPU는 이 값을 읽어 연산을 진행한 후 메모리 상의 임의의 위치에 결과값도 저장한다. 어? 결과값인 30을 이용하고싶은데... 🙄 이때 이용할 수 있는게 바로..

※ 해당 Deep Dive 글은 자바스크립트의 원리와 개념등을 책을 통해 공부하며 다시 한번 복기하기 위해 적는 글이므로 책의 흐름에 따라 적게됨을 알려드리며 단어에 대한 (ex: 프로토타입, 객체지향) 설명은 이 후 해당 항목이 나올때 자세하게 적고 사용해 볼 예정입니다. JavaScript 💪 ECMAScript는 자바스크립트의 표준 사양인 ECMA-262를 말하며, 프로그래밍 언어의 값, 타입, 객체와 프로퍼티, 함수, 표준 내장 객체 등 핵심 문법을 규정한다. 즉, 자바스크립트는 프로그래밍 언어로서 ECMAScript와 브라우저가 별도 지원하는 DOM,BOM, Canvas, XML, fetch 등을 아우르는 개념이다. 굉장히 많은 내장 객체와 웹 api에 대한 내용을 보고 싶으면 유명한 MDN 사..