Frontend/JavaScript(27)
-
자바스크립트 String.fromCharCode()
🔹String.fromCharCode()유니코드(문자 코드)를 인수로 받아 해당 문자로 변환해주는 함수에요.숫자 코드값을 문자로 바꾸고 싶을 때 유용하게 사용돼요.문법String.fromCharCode(num1, num2, ..., numN)하나 이상의 숫자(문자 코드)를 인수로 받을 수 있어요.각 숫자는 유니코드 값이며, 결과는 문자열로 반환됩니다.매개값num1, num2, ...변환하고 싶은 문자 코드 (숫자값)✅ 숫자 0 ~ 9 를 문자 'a' ~ 'j' 로 변환하기const digits = '0123456789'.split(''); const converted = digits.map(d => String.fromCharCode(97 + Number(d))); console.log(converte..
2025.04.25 -
자바스크립트 sort()
🔹sort()배열의 요소를 정렬하는 함수에요.기본적으로 요소를 문자열로 변환한 후 유니코드 순서로 정렬해요.문법array.sort([compareFunction])매개변수compareFunction (선택): 정렬 기준을 정의하는 함수function compare(a, b) { return a - b; // 오름차순 예시 }기본 문자열 정렬const fruits = ["banana", "apple", "cherry"]; const result = fruits.sort(); console.log(result); // 출력: ["apple", "banana", "cherry"] ❗ 숫자 정렬 주의const numbers = [10, 2, 30]; const result = numbers.sort(..
2025.01.21 -
자바스크립트 클로저
📌 Closure의 개념클로저는 ‘함수’를 지칭하고 또 ‘그 함수가 선언된 환경과의 관계’의 개념이다.클로저는 ‘자신이 선언될 당시의 환경을 기억하는 함수’이다.클로저는 ‘내부함수가 외부함수의 context에 접근’할 수 있는 것을 가리킨다.클로저란 함수와 함수가 선언된 어휘적 환경(lexical environment)의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다.참고로 클로저는 JavaScript의 고유한 개념이 아닌, 여러 함수형 프로그래밍 언어에서 공통적으로 발견되는 특성이다. 따라서 다양한 문헌이나 웹사이트에서 조금씩 다른 방식으로 클로저를 정의하기도 한다. 📌 Closure의 특징Closure의 사전적 ..
2025.01.21 -
자바스크립트 Set과 Map
Setset 객체는 중복되지 않는 유일한 값들의 집합이다.set 객체는 다음과 같은 특징을 가진다.동일한 값을 중복하여 포함할수 없다요소 순서에 의미가 없다인덱스로 요소에 접근할 수 없다.이러한 set 객체는 수학적 집합을 구현하기위한 자료구조이다.그래서 set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다.1.set객체의 생성set객체는 set 생성자 함수로 생성한다. 인수를 전달하지 않으면 빈 set객체가 생성된다. set 생성자 함수는 이터러블을 인수로 받아 set객체를 생성한다!! 이때 이터러블의 중복된 값은 아래의 예시처럼 set객체에 요소로 저장되지 않는다.const set = new Set();console.log(set); // Set(0) {}const set1 = new..
2025.01.21 -
자바스크립트 스코프
📍 1. 스코프(Scope, 유효범위)란?Scope는 우리말로 번역하면 ‘범위’라는 뜻이다. 즉, 스코프란 ‘변수에 접근할 수 있는 범위’라고 할 수 있다.참조 대상 식별자(변수, 함수명 등 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙이며, 자바스크립트는 이 규칙대로 식별자를 찾는다.대부분의 프로그래밍 언어는 블록 레벨 스코프(Block-level scope)를 따르지만 자바스크립트는 함수 레벨 스코프(Function-level scope)를 따른다.식별자 결정 과정 : 어떠한 변수를 참조할 것인지 결정하는 과정2. 스코프의종류함수 레벨 스코프와 블록 레벨 스코프👉 1) 함수 레벨 스코프(Function-level scope)함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참..
2025.01.21 -
자바스크립트 hasOwnProperty() 란?
✅ hasOwnProperty란?자바스크립트 객체의 네이티브 메소드 중 하나다.객체가 특정 프로퍼티를 가지고 있는지를 나타내는 boolean 값을 반환한다.//예제1const object1 = {};object1.property1 = 42;console.log(object1.hasOwnProperty('property1'));// expected output: trueconsole.log(object1.hasOwnProperty('toString'));// expected output: falseconsole.log(object1.hasOwnProperty('hasOwnProperty'));// expected output: false//예제2const obj = { a: 1};obj.hasOwnP..
2025.01.20