개발/Javascript

[자바스크립트] 호이스팅, 스코프, 클로저, spread, rest, 구조분해할당

참고자료 함수 표현식 vs 함수 선언식 클로저 5분만에 이해하기 나머지 매개변수, 전개 구문(Rest parameters, Spread syntax) 구조 분해 할당 모던 자바스크립트 딥 다이브 26장, 35장, 36장 *상기 자료들을 참조하여 작성하였습니다. 1. 호이스팅 1.1 함수 선언문과 함수 표현식의 차이 // func1: 함수 선언문 // func2: 함수 표현식 func1(); // declaration func2(); // Uncaught ReferenceError: func2 is not defined function func1 () { return console.log('declaration'); } const func2 = function () { return console.log('..

모던 자바스크립트 딥 다이브 7장 연산자 내용 정리

7장 연산자 학습 목표 7.1.2 - 증감연산자의 전위/ 후위 위치별 수행순서 7.1.3 문자열 연결 연산자의 암묵적 형변환, 7.3 - 동등비교연산자의 암묵적 형변환 7.4 - 복잡한 삼항 연산자 문제들 7.5 - 단축 평가로 if문 대체하기 예시 소개 7.11 , 7.12 - 연산자의 부수효과와 우선순위 코드로 이해하기 7.13 - 연산자의 결합 순서 코드로 이해하기 피연산자 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자(operand)라 한다. (p 74) ‘하나 이상’이므로, 피연산자가 한 개여도 됨. 피연산자: 연산의 대상이 되는 값(표현식)이다. 따라서 반드시 값으로 평가될 수 있어야 한다. ..

[자바스크립트] 원시 타입과 참조 타입

참고자료 모던 자바스크립트 딥 다이브 서적 11장 - 원시 값과 객체의 비교 메모리 영역에서의 heap과 stack 신입 개발자 전공 지식 & 기술 면접 백과사전 원시 값과 참조 값의 비교 자바스크립트에서 제공하는 7가지 데이터 타입(숫자, 문자열, 불리언, null, undefined, symbol, 객체) 중에서 객체를 제외한 나머지 6개 모두 원시 타입이다. 원시 타입과 객체 타입의 가장 큰 차이점 3가지 원시 값은 변경 불가능한 값(immutable value)이다. 참조 값은 변경 가능한 값(mutable value)이다. 원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 객체를 변수에 할당하면 참조 값이 저장된다. 주의: 변수에 값이 저장되는 것이 아니라 해당 변수(식별자)와 name ..

[자바스크립트] 모던 자바스크립트 딥 다이브 5장 표현식과 문 내용정리

딥다이브 5장 - 표현식과 문 5. 표현식과 문 학습목표 표현식으로 인정되는 다양한 경우에 대해 이해하기 문(statement)과 표현식(expression)의 명확한 정의와 서로의 차이에 대해 이해하기 표현식인 문과 표현식이 아닌 문 이해하기 들어가기에 앞서 Node.js REPL(27쪽) REPL이란: Read-Eval-Print-loop 입력 - 사용자 입력을 판독하는 자바 스크립트는 입력 데이터의 구조를 분석하고 메모리에 저장된다. 평가 - 파싱(분석)된 자바스크립트 자료구조는 결괏값을 내기 위해 평가된다. 출력 - 결괏값이 평가 후 출력된다. 반복 - 입력 과정부터 반복한다. Read : It reads the inputs from users and parses it into JavaScript..

[자바스크립트] 모던 자바스크립트 딥 다이브 4장 변수 내용 정리

4.1 변수란? 사용하는 이유? 변수의 뜻 값을 저장하기 위해 확보한 ’메모리 공간 자체' 또는 1번의 메모리 공간을 식별하기 위해 붙인 이름 사용하는 이유 값을 저장하여 재사용 하기 위해 값의 저장은 메모리에 저장하고, 연산은 cpu에서 한다. 4.2 식별자 식별자는 원하는 값을 구별, 식별 할 수 있는 고유의 이름을 뜻하며, 식별자는 메모리 주소를 저장하고 있다. 식별자의 종류: 변수명, 함수명, 클래스명 등 식별자 네이밍 규칙을 준수해야 하는 이유: 연산자 기호가 포함되어 있는 경우 자바스크립트 엔진이 식으로 판단하는 경우가 있음. 4.3 변수 선언 변수를 선언 한다는 것: 해당 식별자를 저장할 메모리의 주소값을 확보하는 것 변수의 생성과정 값을 저장하기 위한 메모리 공간 확보 변수 이름과 확보된 ..

[자바스크립트] 고차함수와 콜백함수(작성중)

또다시 까먹기 전에 임시로 명백한 용어 정리부터 남겨둔다. 구체적인 예시와 설명은 추후 작성예정 클로저 개념에 대해 이해해야 완벽하게 개념정리가 될 내용인듯 하다. 고차함수: return값이 함수이거나 인자(parameter)로 콜백함수를 전달받는 함수. 콜백함수: 다른 함수(고차함수)의 인자로 들어가는 함수. 흔히 이벤트리스너의 인자로 들어가서 이벤트 발생 시 동작하도록 자주 사용.

[자바스크립트] 전역변수와 지역변수

전역변수는 함수 외부에(window 객체의 속성으로) 선언된 변수를 말한다. 전역변수는 함수 외부이던 내부이던 어떤 위치에서도 사용할 수 있다. 지역변수는 함수 안에서 선언된 변수를 말한다. 지역변수는 외부에서 사용할 수 없다.