[JavaScript] 배열과 객체 빈 값 비교하기 - null, undefined ...

Falsy 값 체크JavaScript에서 빈 값을 검사할 때 가장 간단한 방법은 Falsy 값을 확인하는 것이다. JavaScript의 Falsy 값에는 null, undefined, "" (빈 문자열), 0, NaN, false가 있다. 이러한 값들은 조건문에서 false로 인식되므로 if (!value) 문을 통해 빈 값 여부를 검사할 수 있다. function isEmpty(value) { return !value;}// 사용 예시console.log(isEmpty(null)); // trueconsole.log(isEmpty(undefined)); // trueconsole.log(isEmpty("")); // trueconsole.log(isEmpty(0)); ..

• format_list_bulleted JavaScript
• · 2024. 11. 13.
• textsms

[JavaScript] 바벨과 폴리필의 개념 + 적용까지

Babel(바벨)이란?Babel은 널리 사용되는 자바스크립트 트랜스파일러로 최신 ES6+ 자바스크립트 코드를 ES5 이하로 변환하여 구형 브라우저에서도 최신 기능을 활용할 수 있도록 해준다. Babel은 플러그인과 프리셋(preset) 설정을 통해 유연하게 구성할 수 있으며 다양한 자바스크립트 기능을 지원한다. Babel의 주요 기능문법 변환: 화살표 함수, 클래스, 템플릿 리터럴 등 ES6+ 문법을 ES5 이하로 변환폴리필 지원: 특정 기능을 구형 브라우저에서도 사용할 수 있도록 폴리필 추가모듈 시스템 변환: ES6 모듈을 CommonJS 또는 AMD와 같은 다른 모듈 시스템으로 변환플러그인 및 프리셋 관리: 필요한 기능에 맞춰 플러그인이나 프리셋을 추가하여 변환을 최적화 Babel 의 예시// 변환 ..

• format_list_bulleted JavaScript
• · 2024. 11. 12.
• textsms

[JavaScript] 배열 비교하기

JavaScript에서 배열 비교JavaScript에서 배열과 객체는 참조형 데이터이다.이는 변수에 배열 자체가 아닌 배열을 가리키는 참조(주소)가 저장된다는 의미이다.따라서 두 배열이 같은 요소를 가지고 있어도 다른 메모리 주소에 저장되어 있다면 엄격 비교(===)나 동등 비교(==) 연산자를 사용할 때 동등하지 않다고 판단된다.let arr1 = [1, 2, 3];let arr2 = [1, 2, 3];console.log(arr1 === arr2); // false 1. JSON 문자열 변환으로 비교배열을 JSON 문자열로 변환하여 비교하는 방법이다. 배열의 요소와 순서가 같아야 동등하다고 판단되며 중첩 배열도 비교할 수 있다.let arr1 = [1, 2, 3];let arr2 = [1, 2, 3]..

• format_list_bulleted JavaScript
• · 2024. 11. 8.
• textsms

[JavaScript] 문자열 역순으로 뒤집기

JavaScript에서 문자열을 역순으로 뒤집기알고리즘에서 자주 등장하는 문자열을 뒤집는 방법에 대해 알아보자.JS에서는 문자열 자체를 뒤집는 메서드는 존재하지 않는다.대신 여러가지 방법으로 문자열을 뒤집을 수 있는데 각 방식을 알아보고 적용해보자. 1. Array로 변환해서 reverse()JavaScript에서는 문자열을 배열로 변환한 후 배열의 메서드를 사용해 뒤집을 수 있다.문자열을 배열로 바꾸는 과정에서 split(), reverse(), join() 메서드를 사용하면 간단하게 문자열을 뒤집을 수 있다.아래 코드는 배열로 나누고 뒤집고 스트링으로 합치는 코드이다. split('')로 문자열을 문자 하나하나로 쪼개 배열로 변환한다.reverse()로 배열을 뒤집다.join('')으로 다시 문자열..

• format_list_bulleted JavaScript
• · 2024. 11. 8.
• textsms

JS 1급 함수 - 특징과 예시

1급 함수란 무엇일까?JavaScript에서 1급 함수(First-Class Function)란 함수가 다른 데이터 타입(변수, 객체)처럼 다뤄질 수 있음을 의미힌다.프로그래밍 언어에서 1급 함수는 함수가 아래와 같은 특성을 가질 때 성립한다. 1급 함수는 코드 재사용성과 유연성을 크게 높여준다. 함수를 매개변수로 받거나 반환값으로 사용할 수 있어 동작을 분리하고 조합할 수 있다. 함수를 변수에 할당할 수 있다.함수를 다른 함수의 인자로 전달할 수 있다.함수가 다른 함수의 반환값이 될 수 있다.함수 안에서 다른 함수를 정의할 수 있다. 1급 함수의 특징 함수를 변수에 할당// 함수 선언function greet() { console.log("Hello, world!");}// 함수 표현식으로 변수에..

• format_list_bulleted JavaScript
• · 2024. 10. 30.
• textsms

JS 스코프 개념

스코프(Scope)란?자바스크립트에서 스코프(Scope)는 코드에서 변수나 함수가 어디에서 유효하고 접근 가능한지를 결정하는 규칙이다.스코프는 코드 작성 시 변수의 가시성(Visibility)과 생명주기(Lifetime)를 결정하기 때문에 스코프를 명확히 이해하는 것이 자바스크립트 프로그래밍에서 필수적이다.자바스크립트에서 스코프는 크게 두 가지로 나눈다. 전역 스코프(Global Scope)와 지역 스코프(Local Scope) 그리고 더 구체적으로,함수 스코프와 블록 스코프라는 개념이 지역 스코프의 하위 유형이다. 또한, 자바스크립트는 렉시컬 스코프(Lexical Scope)라는 규칙을 따르는데 이 규칙은 함수나 변수가 어디에서 정의되었는지에 따라 접근 권한이 결정된다는 것을 의미한다. 렉시컬 스코프는..

• format_list_bulleted JavaScript
• · 2024. 9. 11.
• textsms