Frontend/JavaScript 검색 결과
78 개의 검색 결과가 있습니다.
Frontend/JavaScript

[JS] 참조 타입의 얕은 복사와 깊은 복사(Shallow Copy & Deep copy)

> 관련 글 :: [JS]자바스크립트의 원시 타입과 참조 타입 🌈 자바스크립트의 참조 타입의 복사 방법 참조 타입의 데이터는 복사 시 데이터의 값이 아닌 '값이 저장된 메모리의 주소'가 저장된다. 따라서 참조 타입의 복사 방법은 얕은 복사(Shallow Copy)와 깊은 복사(deep copy)로 나뉜다. 얕은 복사(Shallow copy)는 참조 타입 데이터가 저장한 '메모리 주소 값'을 복사한 것을 의미한다. 반대로 깊은 복사(Deep copy)는 새로운 메모리 공간을 확보해 완전히 복사하는 것을 의미한다. 또한 아래와 같이 얕은 복사 시 원본이 변경되지 않도록 주의해야 한다. /* 얕은 복사시 주의!!! */ let origin = ["a", "b", ["c"]]; let copy = origin...

2022. 5. 25. 13:13
Frontend/JavaScript

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

🌈 자바스크립트의 원시 타입과 참조 타입 자바스크립트는 원시 타입(Primitive Type)과 참조 타입(ReferenceType)이라는 두 가지 타입의 자료형을 제공한다. 1️⃣ 원시 타입 (Primitive Type) 원시 타입에는 아래와 같이 여섯 가지가 있으며, 이 외의 모든 값은 객체(참조) 타입이다. ◾ 숫자(Number, BigInt) ◾ 불리언(Boolean) ◾ null ◾ undefined ◾ 문자열(String) ◾ Symbol 원시 타입 데이터는 변수에 할당될 때 메모리 상에 고정된 크기로 스택 영역에 저장되고 해당 변수는 원시 데이터의 값을 보관한다. 또한, 원시 타입 자료형은 변수 선언, 초기화, 할당 시 값이 저장된 메모리 영역에 직접적으로 접근한다. 즉 변수에 새 값이 할당..

2022. 5. 24. 12:48
Frontend/JavaScript

[JS] 자바스크립트 큰 수 다루기 (BigInt)

🌈 자바스크립트 BigInt BigInt는 Number가 나타낼 수 있는 최댓값인 2^53 - 1 보다 큰 정수를 표현할 수 있는 내장 객체이다. Number로 표현했을 때 Infinity가 되는 아주 큰 값도 BigInt로 정수 형태를 잃지 않고 표현할 수 있다. 1️⃣ 사용방법 BigInt는 정수 리터럴의 뒤에 n을 붙이거나 BigInt()를 호출해 생성할 수 있다. const theBiggestInt = 9007199254740991n; const alsoHuge = BigInt(9007199254740991); // ↪ 9007199254740991n const hugeString = BigInt("9007199254740991"); // ↪ 9007199254740991n const hugeHe..

2022. 5. 20. 13:06
Frontend/JavaScript

[JS] 자바스크립트 모듈화의 역사

🌈 자바스크립트 모듈화의 역사 자바스크립트 모듈화의 방법은 크게 3가지의 변화를 겪으면서 발전하였다. IFFE → CommonJS와 AMD → ES6 0️⃣ Intro 자바스크립트에서 모듈화에 필요한 조건은 아래와 같이 세 가지가 있다. ◾ 스코프의 독립성 스코프가 독립적이지 없다면 전역 변수 영역이 엉키는 문제가 발생할 수 있다. 예를 들어서, script 태그로 math.js 와 app.js를 import 하게 되면 math.js을 먼저 로딩하고 app.js을 로딩한다. //main.html... ... 이때 두 개의 js파일에서 같은 변수 이름을 사용한다면 마지막에 로딩된 스크립트를 기준으로 변수 이름이 적용된다. /* math.js */ function sum(x, y) { return x + y..

2022. 5. 19. 13:01
Frontend/JavaScript

[JS] 자바스크립트 아스키 코드를 문자로 변환하기

> 관련 글 :: [JS] 자바스크립트 문자를 아스키 코드로 변환하기 🌈 자바스크립트 아스키(ASCII) 코드 문자 변환 방법 아스키코드를 문자로 변환하고 싶을 때 fromCodePoint() 를 사용하면 숫자 형식의 코드에 대응하는 문자를 만들 수 있다. 1️⃣ fromCodePoint( ) let str = String.fromCodePoint(90); console.log(str); // Z let str = ''; for (let i = 65; i A)는 true이다. 알파벳 소문자의 아스키 코드는 대문자의 아스키 코드보다 크므로 소문자는 대문자 뒤에 온다. Ö 같은 글자는 일반적인 알파벳보다 뒤에 위치해있기 때문에 아스키 코드의 값이 크다. 📘 토막지식 ◾ \u 뒤에 특정 문자에 대응하는 16진..

2022. 5. 10. 12:28
Frontend/JavaScript

[JS] 자바스크립트 문자를 아스키 코드로 변환하기

> 관련 글 :: [JS] 자바스크립트 아스키 코드를 문자로 변환하기 🌈 자바스크립트 문자 아스키(ASCII) 코드 변환 방법 자바스크립트에서 문자를 아스키코드로 변환하고 싶을 때 charCodeAt()와 codePointAt() 를 사용면 된다. 1️⃣ charCodeAt( ) 문자열 프로토타입에 정의된 charCodeAt( )는 유니 코드 값의 UTF-16 코드를 반환한다. 0에서 65,536(2의 16승) 까지 값을 반환하며, UTF 코드 0~127까지의 코드는 ASCII 코드와 동일하다. 따라서 charCodeAt( )를 사용하여 문자 코드를 ASCII 코드로 변환할 수 있다. let str = 'B'; let ascii_code = str.charCodeAt(0); console.log(asci..

2022. 5. 9. 13:00