[JavaScript] 비트연산자 정리
·
JavaScript
JavaScript 비트 연산자 비트 연산자(bitwise operator) 는 주어진 수를 2진수로 변환하여, 비트(bit) 단위로 논리 연산을 수행함 & (AND 논리 연산자) 비교하는 비트가 모두 1이면 1을 반환 ⇒ 두 비트가 모두 1인 값을 반환 const ex1 = 2 & 3; console.log(ex1); // 2 0010 // 3 0011 //. 0010 = 2 | (OR 논리 연산자) 비교하는 비트 중에서 하나라도 1이면 1을 반환 ⇒ 두 비트 중 하나라도 1이면 1을 반환 const ex2 = 2 | 3; console.log(ex2); // 2 0010 // 3 0011 //. 0011 = 3 ^ (XOR 배타 논리 연산자) 비교하는 두 개의 비트가 같으면 0을, 다르면 1을 반환 ..
[JavaScript] 기본형 데이터와 참조형 데이터의 변수 복사 비교
·
JavaScript
동작 방식은 이전 글을 참고해주세요 [JavaScript] 기본형 데이터와 참조형 데이터 비교 데이터 타입의 종류 JavaScript의 데이터 타입은 기본형(Primitive Type)과 참조형(Reference Type)으로 구분된다. 일반적으로 기본형은 할당이나 연산 시 복제되고, 참조형은 참조된다고 알려져 있다. 엄밀 shin1303.tistory.com 변수 복사 비교 var a = 10; var b = a; var obj1 = { c: 10, d: 'ddd' }; var obj2 = obj1; 기본형 [ a ] 변수 영역의 빈 공간 @1001을 확보하고 식별자를 a로 지정한다. 데이터 영역에서 숫자 10을 찾고, 없다면 빈 공간 @5001에 10을 저장하고 이 주솟값을 @1001에 넣는다. [ ..
[JavaScript] 기본형 데이터와 참조형 데이터 비교
·
JavaScript
데이터 타입의 종류 JavaScript의 데이터 타입은 기본형(Primitive Type)과 참조형(Reference Type)으로 구분된다. 일반적으로 기본형은 할당이나 연산 시 복제되고, 참조형은 참조된다고 알려져 있다. 엄밀히 말하면 둘 모두 복제를 하긴 하지만, 기본형은 값이 담긴 주솟값을 바로 복제하는 반면, 참조형은 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제한다. 변수 선언과 데이터 할당 과정 var a;// 변수 a 선언 a = 'abc';// 변수 a에 데이터 할당 var a ='abc';// 변수 선언과 할당을 한 문장으로 표현 1. 변수 영역에서 빈 공간(@1003)을 확보한다. 2. 확보한 공간의 식별자를 a로 지정한다. 3. 데이터 영역의 빈 공간(@5004)에 문..
[JavaScript] Default Export 와 Named Export 비교
·
JavaScript
서론 큰 이유 없이 둘을 혼용하여 사용하고 있다는 것을 느끼고, 둘의 차이를 비교하여 내 코드에 적용하기 위해 정리를 하게 되었다. Default Export Default Export는 딱 한개만 default export 할 수 있기 때문에 '메인'이라고 할 수 있는 것을 export 하는 것이 좋다. object, function, class 등이 될 수 있다. // import import DefaultValue from "./MyDefaultValue"; // export const DefaultValue = () => {} export default DefaultValue Default Export 특징 import 시 원하는 변수명을 지정해줄 수 있다. // import import Defa..
[JavaScript] Ajax, Axios, fetch 용어 정리 및 장/단점 비교
·
JavaScript
서론 JavaScript에서 클라이언트와 서버 간 데이터를 주고받기 위해 비동기 HTTP 통신을 사용한다. 그 예로 Ajax, Axios, fetch 가 있다. 비동기에 관하여 참고하면 좋은 자료 [JavaScript] Promise(프로미스) 란 무엇인가? [JavaScript] 비동기 처리 - Async / Await이란 무엇인가? [JavaScript] Promise(프로미스) 란 무엇인가? 프로미스(promise)를 이해하기 위해서는 JavaScript가 어떤 식으로 작동하는지 알아야 한다. 싱글 쓰레드 언어인 JavaScript는 비동기 처리를 위해서 콜백(Call Back)을 이용해 이를 보완하였다. 하지만 Cal shin1303.tistory.com [JavaScript] 비동기 처리 - A..
[JavaScript] npm install [패키지 명] --save와 --save -dev의 의미
·
JavaScript
npm 이란? npm 은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다. 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자이다. [위키백과] npm 이란 Node Packaged Manager(노드 패키지 관리자)의 약자이다. → JavaScript 모듈을 설치하기 위해 사용된다. 예로 'pnpm', 'Yarn' 등이 있다. Node.js의 기본 패키지 관리자이므로 Node.js가 설치되어 있다면 npm을 사용하기 위해 따로 무언가 할 필요는 없다. npm에 대한 자세한 설명 https://docs.npmjs.com/about-npm About npm | npm Docs Documentation for the npm registry, website, and command-line int..