Gapus Dev Blog

== 연산자 설명 동등 비교 연산자 비교하려는 두 값의 타입이 다를 경우 타입 강제 변환을 하고 비교를 진행 타입 강제 변환이 일어나기 때문에 예상치 못한 결과 가능성 있음 사용하는 이유 타입 강제 변환 비교하려는 값의 타입이 다를 경우 강제 변환을 실행 명시적인 타입 변환 없이도 값을 비교 할 수 있도록 돕는다. 유연한 비교 타입 강제 변환으로 다른 타입과 값을 비교할 수 있다. 일부 상황에서 유용 호환성 유지 오래된 자바스크립트 코드와의 호환성 유지하기 위해 존재 예시 // '==' 연산자 예시 console.log(5 == "5"); // true console.log(0 == false); // true console.log(null == undefined); // true console.log(..

Map 설명 키와 값의 쌍을 저장하는 컬렉션 객체와 유사하지만, Map은 키에 다양한 데이터 타입 사용 가능 객체와 달리, Map은 순서를 보장하고 키의 중복을 허용하지 않는다. 데이터를 쉽게 저장하고 검색 가능 다양한 메서드를 제공해 데이터를 추가, 삭제, 수정, 조회 가능 사용해야 하는 경우 키와 값 쌍으로 데이터를 저장하고자 할 때 키와 값을 쌍으로 저장하기 때문에, 데이터를 키와 값 형태로 관리 해야할 때 유용 사용자 정보를 키로 하고 해당 사용자의 데이터를 값으로 저장하는 경우 순서가 중요한 경우 데이터의 순서를 보장하기 때문에, 데이터를 추가한 순서대로 순회하거나 처리할 때 유용 작업 목록을 순서대로 처리하고자 할 때 동작 원리 Map은 내부적으로 해시 테이블(hash table)을 사용하여 ..

얕은 복사 설명 원본 객체의 참조를 복사하는 것 복사된 객체와 원본 객체가 같은 메모리를 공유 한 객체를 수정하면 다른 객체도 영향 받는다. Object.assign(), 전개 구문( ... )을 사용하여 구현 가능 사용하는 경우 객체의 크기가 복사할 필요가 없는 속성이 많을 때 메모리를 절약하고자 할 때 객체의 구조가 단순하고 얕은 레벨의 중첩 구조를 가지고 있을 때 예시 let original = { name: 'John', age: 25 }; let copy = Object.assign({}, original); console.log(copy); // { name: 'John', age: 25 } copy.name = 'Jane'; console.log(original); // { name: 'Jo..

ECMAScript( ES ) Ecma 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어 현재 ECMAScript 2023(ES14) 버전까지 있다. ECMAScript 2015( ES6 ) let, const Arrow 함수 spread Operator for... of 반복문 Map Set Class Promise 심볼(Symbol) 모듈 기본 파라미터 값 Rest 파라미터 ECMAScript 2016( ES7 ) 제곱 연산자( ** ) Array.prototype.includes() 지수 연산자 ECMAScript 2017( ES8 ) async/await Object.entries() Object.values() String padding Object.getOw..

리터럴 자바스크립트에서 리터럴은 값을 직접 표현하는 방식을 칭함 변수에 할당되는 값 자체를 리터럴이라고 할 수 있다. 숫자 리터럴 숫자를 직접 표현하는 방식 표현 let num1 = 10; // 정수 리터럴 let num2 = 3.14; // 실수 리터럴 let num3 = 0b1010; // 이진수 리터럴 (10진수로 10을 표현) 문자열 리터럴 문자열을 표현하는 방식 큰따옴표( " ) 혹은 작은따옴표( ' )로 감싸서 사용 Javascript에 대해 - 배열, 문자열 표현 let str1 = "Hello, World!"; // 큰따옴표로 감싼 문자열 리터럴 let str2 = 'JavaScript'; // 작은따옴표로 감싼 문자열 리터럴 불리언(Boolean) 리터럴 참(True)과 거짓(False)..

AJAX(Asynchronous JavaScript and XML) 설명 웹 애플리케이션에서 비동기적으로 서버와 데이터를 주고받는 기술 페이지 전체를 새로고침하지 않고도 동적으로 데이터를 업데이트 가능 주로 JS와 함께 사용되며, XMLHttpRequest 객체를 이용하여 서버와 통신 동작 과정 var xhr = new XMLHttpRequest(); // XMLHttpRequest 객체 생성 xhr.open('GET', '데이터를_불러올_URL', true); // 요청 설정 (GET 방식, 데이터를 불러올 URL, 비동기적 요청) xhr.setRequestHeader('Content-Type', 'application/json'); // 요청 헤더 설정 xhr.onreadystatechange = f..