FE/JavaScript

[JavaScript] 실행 컨텍스트(execution context)

들어가기 전실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 원리이다.따라서 실행컨텍스트는 아래 개념들의 동작원리를 담고있다.- 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인딩된 값을 관리하는 방식- 호이스팅이 발생하는 이유- 클로저의 동작 방식- 태스큐 큐와 함께 동작하는 이벤트 핸들러와 비동기 처리의 동작 방식실행 컨텍스트란?실행 컨텍스트는 소스코드를 실행하는 데 필요한 환경 정보를 모아놓은 객체이다.  즉, 실행 컨텍스트는 변수, 함수, 클래스 등의 이름인 식별자를 등록하고 관리하는 스코프라는 환경 정보를 구성하고, 컨텍스트를 콜 스택에 쌓아올려 가장 위에 있는 컨텍스트를 실행하여 코드의 실행순서를 보장한다.실행 컨텍스트가 생성되는 시점자바스크립트 엔진이 스크립트를 처음 실행할 때..

[JavaScript] 변수의 재할당 과정

변수에는 메모리의 주소가 저장되어 있다. 그러니까, 특정 값이 저장되어 있는 것이 아닌, 특정값이 저장되어 있는 메모리의 주소를 가지고 있는 것이다. 변수에 값이 재할당될때 해당 값이 스택에 존재하면 그 스택 주소로 할당된다는 내용을 본 것 같은데, 값이 같더라도 다른 메모리 주소에 값이 저장되는 줄 알았는데 그게 아니어서 좀 더 정확하게 공부해서 정리해보려고 한다.변수의 종류에 따라 저장되는 위치가 다르다.메모리는 4개의 영역이 있고, 전역변수, 지역변수, 코드, 동적할 할당에 따라 저장되는 위치가 다르다.자바스크립트 엔진은 힙영역과 콜스택을 사용한다.콜스택원시 타입 데이터가 저장된다.변수에 저장되는 것 : 콜스택의 주소 메모리 힙(heap 영역)참조 타입 데이터가 저장된다. (배열, 객체, 함수 등)..

[JavaScript] 자바스크립트 문자열 반복 메소드 repeat()

✔️ repeat() 요약특정 문자열을 원하는만큼 반복한 문자열을 얻고싶을 때 사용.✔️ repeat() 기본형string.repeat(count);string : 문자열이 저장된 string 변수count : 반복할 횟수✔️ repeat() 사용법str = 'abc';console.log(str.repeat(3)); // abcabcabc 출력

[JavaScript] 자바스크립트 최대/최소 정수값 MAX_SAFE_INTEGER/MIN_SAFE_INTEGER

✔️ Number.MAX_SAFE_INTEGER() / Number.MIN_SAFE_INTEGER() 요약Number.MAX_SAFE_INTEGER() : 자바스크립트에서 안전한 최대 정수 값Number.MIN_SAFE_INTEGER() : 자바스크립트에서 안전한 최소 정수 값✔️ Number.MAX_SAFE_INTEGER() / Number.MIN_SAFE_INTEGER() 사용법// 최댓값 설정const max = Number.MAX_SAFE_INTEGER;// 최솟값 설정const min = Number.MIN_SAFE_INTEGER;

[JavaScript] 자바스크립트 정수인지 확인하는 Number.isInteger() 메소드

✔️ Number.isInteger() 요약인수가 정수인지 아닌지 판단하여 정수이면 true를, 정수가 아니면 false를 반환하는 메소드✔️ Number.isInteger() 기본형Number.isInteger(value);Value : 정수인지 확인하려는 값반환값 : 주어진 값의 정수 여부를 나타내는 Boolean값✔️ Number.isInteger() 사용법Number.isInteger(0); // trueNumber.isInteger(-100); // trueNumber.isInteger(0.25); // falseNumber.isInteger("문자열"); // falseNumber.isInteger(true); // falseNumber.isInteger(Infinity); // false

[JavaScript] 자바스크립트 대소문자 변경하기 toUpperCase(), toLowerCase()

✔️ toUpperCase(), toLowerCase() 요약영어로 이루어진 문자열에서 대문자를 소문자로, 소문자를 대문자로 바꾸고 싶을 때 사용함.✔️ toUpperCase(), toLowerCase() 사용법const str = "AbCdE";// 소문자를 대문자로 바꿀 때const upperStr = str.toUpperCase(); // "ABCDE"// 대문자를 소문자로 바꿀 때const lowerStr = str.toLowerCase(); // "abcde"

[JavaScript] 자바스크립트 String includes 메소드

✔️ includes() 요약 문자열에 특정 문자열이 포함되어 있는지 확인하는 메소드 포함되어 있을 때 ➡️ true 반환 포함되어 있지 않을 때 ➡️ false 반환 ✔️ includes() 기본형 확인 문자열.includes(특정 문자열, 찾을 시작 위치) 확인 문자열(String) : String 자료형의 문자열의 변수명이 들어감 특정 문자열(String) : 포함되어있는지 확인하고 싶은 문자열을 넣어줌 찾을 시작 위치(Number) : 확인 문자열에서 어느 위치에서부터 특정 문자열이 있는 지 확인하고 싶을 때 사용, 기본값은 0 ✔️ includes() 사용예시 str = "abcde"; str.includes("a"); // 결과값 : true str.includes("f"); // 결과값 : ..

[JavaScript] 최댓값, 최솟값 구하기 (Math.max / Math.min)

✔️ Math.max(), Math.min() 요약 Math.min([숫자집합]); // 가장 작은 값 반환 Math.max([숫자집합]); // 가장 큰 값 반환 Math.min()은 숫자 집합 중 가장 작은 수를 반환. Math.max()는 숫자 집합 중 가장 큰 수를 반환. ✔️ Math.max(), Math.min() 예제 Math.min(0, 2, 1, 5); // 0 반환 Math.max(0, 2, 1, 5); // 5 반환 🤔 숫자 집합이 Array에 들어있다면 어떻게 해야할까? const nums = [0, 1, 2, 5]; const num1 = Math.min(...nums); const num2 = Math.max(...nums); 스프레드 문법을 사용하여 요소를 분리해준다!

[JavaScript] 자바스크립트 slice 메소드

✔️ slice() 요약 배열에서 특정 구간을 추출하고 싶을 때 사용한다. 원본이 수정되지 않고 추출된 부분만 반환된다. 시작과 끝 부분을 지정할 수 있다. ✔️ slice() 기본형 arr.slice(start, end) // start 인덱스부터 end-1 인덱스까지의 구간 추출 start (필수) : 추출할 구간의 시작 인덱스 end (선택) : 추출할 구간의 마지막 인덱스(포함하지 않음 -> end-1 인덱스까지 추출) ✔️ slice() 예시 arr = [1, 2, 3, 4, 5]; arr.slice(2, 4); // 결과 : [3, 4]