본문 바로가기

JavaScript

(43)

JavaScript 스코프(scope) JavaScript에서 스코프(scope)는 변수가 어디서 접근 가능한지를 정의합니다. JavaScript에는 주로 두 가지 유형의 스코프가 있습니다: 전역 스코프(global scope)와 지역 스코프(local scope). 1. 전역 스코프(Global Scope): 전역 스코프에 선언된 변수는 코드의 어디에서나 접근 가능합니다. var globalVar = "I'm global!"; function testScope() { console.log(globalVar); // 출력: "I'm global!" } testScope(); console.log(globalVar); // 출력: "I'm global!" 2. 지역 스코프(Local Scope): 지역 스코프는 특정 코드 블록(예: 함수) 내에..

JavaScript 오류 처리 자바스크립트에서 오류를 처리하는 방법은 크게 네 가지로 구분됩니다. try 명령문: 오류가 발생할 가능성이 있는 코드를 실행하기 위해 사용됩니다. catch 명령문: 오류가 발생했을 때, 그 오류를 어떻게 처리할지 정의합니다. finally 명령문: 성공적으로 실행되든 오류가 발생하든 관계없이 반드시 실행될 코드를 정의합니다. throw 명령문: 사용자가 직접 오류를 발생시키기 위해 사용됩니다. 오류의 유형과 예 자바스크립트 코드를 실행하다 보면 다양한 오류가 발생할 수 있는데, 그 중 일부 예시는 다음과 같습니다. 코딩 오류: 프로그래머가 실수로 잘못된 명령어를 사용하는 경우 잘못된 입력: 사용자가 잘못된 값을 입력하는 경우 예측 불가능한 오류: 예상치 못한 상황에서의 오류 오류 처리 예시 try { ..

JavaScript 정규 표현식 정규 표현식이란? 정규 표현식은 텍스트 안에서 특정 문자나 문자의 패턴을 찾을 때 사용하는 도구입니다. 이러한 패턴은 단순한 문자 하나부터 복잡한 문자열 구조까지 다양하게 형성할 수 있습니다. 정규 표현식의 활용 정규 표현식은 문자나 문자열의 특정 패턴을 찾거나 바꾸는 작업을 수행할 때 사용됩니다. 예를 들어, 문서에서 특정 단어나 숫자를 찾는 것과 같은 작업이 가능합니다. 정규 표현식의 구조 정규 표현식은 주로 두 부분으로 이루어져 있습니다: 패턴(pattern): 찾고자 하는 문자나 문자열의 형태입니다. 수정자(modifiers): 패턴의 검색 방식을 조절하는 옵션입니다. 예시: /w3schools/i /w3schools/: 여기서 w3schools는 찾고자 하는 패턴입니다. 이 패턴을 가진 문자나 ..

JavaScript 유형 변환 이해하기 문자열을 숫자로 바꾸기 Number() 전역 함수를 사용하면 변수나 값이 숫자로 변환됩니다. 예를 들어, "3.14"는 3.14로, ""는 0으로 변환됩니다. 만약 숫자로 변환할 수 없는 문자열이라면, NaN(숫자 아님)이 됩니다. 예시 변환 가능: Number("3.14"), Number(Math.PI), Number(" "), Number("") 변환 불가능: Number("99 88"), Number("John") 문자열을 숫자로 바꾸는 여러 방법 Number(): 문자열을 숫자로 변환 parseFloat(): 문자열을 부동소수점 숫자로 변환 parseInt(): 문자열을 정수로 변환 단항 + 연산자로도 변수를 숫자로 변환할 수 있습니다. 숫자를 문자열로 바꾸기 String() 함수나 toStrin..

JavaScript typeof() 알아보기 JavaScript에서 typeof 연산자는 변수나 표현식의 데이터 타입을 문자열 형태로 반환합니다. 이 연산자는 디버깅, 조건부 로직 등에서 유용하게 사용될 수 있습니다. 아래는 typeof 연산자가 어떻게 작동하는지에 대한 설명입니다. typeof "John": 문자열 값에 대해 "string"을 반환합니다. typeof 3.14: 숫자 값에 대해 "number"를 반환합니다. typeof NaN: Not a Number 값에도 "number"를 반환합니다. typeof false: 불리언 값에 대해 "boolean"을 반환합니다. typeof [1,2,3,4]: 배열은 객체의 한 형태이므로 "object"를 반환합니다. typeof {name:'John', age:34}: 일반 객체에 대해서도 "o..

JavaScript 배열, set, map에서의 forEach 사용법 forEach 메서드는 배열, Map, Set 등과 같은 반복 가능한 객체에서 사용될 수 있으며, 각 요소에 대해 지정된 콜백 함수를 실행하는 역할을 합니다. 이 메서드는 다양한 자료구조에서 일관된 방식으로 각 요소를 순회하며 처리하고자 할 때 유용합니다. 배열에서의 forEach 배열에서 forEach를 사용하면, 각 요소에 대해 특정 작업을 수행할 수 있습니다. const numbers = [1, 2, 3]; numbers.forEach(number => { console.log(number); }); // 1 // 2 // 3 출력 Map에서의 forEach Map 객체에서 forEach를 사용하면, 각 키-값 쌍에 대해 특정 작업을 수행할 수 있습니다. const myMap = new Map();..

JavaScript Essential Map Methods Map 객체는 JavaScript에서 키-값 쌍을 저장하는 컬렉션입니다. Map은 다음과 같은 중요한 메서드와 속성을 제공하여 키-값 쌍을 효율적으로 관리할 수 있습니다. 메서드 new Map(): 새로운 Map을 생성합니다. set(키, 값): Map에 특정 키에 대한 값을 설정합니다. get(키): Map에서 특정 키에 대한 값을 가져옵니다. delete(키): Map에서 특정 키의 요소를 제거합니다. has(키): Map에 특정 키가 존재하면 true를 반환합니다. forEach(함수): Map의 각 키-값 쌍에 대해 주어진 함수를 호출합니다. entries(): Map의 모든 [키, 값] 쌍을 포함하는 이터레이터를 반환합니다. 속성 size: Map에 포함된 요소의 개수를 반환합니다. 예제 con..

JavaScript Essential Set Methods Set 객체는 JavaScript에서 중복 없는 값을 저장할 수 있는 구조입니다. Set 객체를 사용하면 다양한 작업을 수행할 수 있는 메서드와 속성을 활용할 수 있습니다. 아래에 그 중요한 것들에 대한 설명을 한국어로 간단하게 정리하겠습니다. 메서드 new Set(): 새로운 Set을 생성합니다. add(값): Set에 새로운 요소를 추가합니다. 중복된 값을 추가하려고 하면 무시됩니다. delete(값): Set에서 특정 요소를 제거합니다. has(값): Set에 특정 값이 존재하는 경우 true를 반환합니다. forEach(함수): Set의 각 요소에 대해 주어진 함수를 호출합니다. values(): Set의 모든 값을 포함하는 이터레이터를 반환합니다. 속성 size: Set에 포함된 요소의 개수를 ..

JavaScript "break" vs "continue" break 문 break 문은 현재의 반복문을 완전히 빠져나가게 하여, 루프를 "점프 아웃"하게 합니다. 이 문은 루프 내부에서 특정 조건이 충족되면 더 이상 반복을 수행하지 않고 루프를 종료하고 싶을 때 유용합니다. for (let i = 0; i < 5; i++) { if (i === 3) { break; // i가 3일 때 루프에서 빠져나감 } console.log(i); // 0, 1, 2 출력 } continue 문 continue 문은 루프의 현재 반복을 종료하고, 루프의 다음 반복으로 "점프"합니다. 특정 조건에서 현재 반복의 나머지 코드를 건너뛰고 다음 반복을 진행하고 싶을 때 사용됩니다. for (let i = 0; i < 5; i++) { if (i === 3) { continue; /..

JavaScript for/in과 for/of의 차이점 for/in 반복문 객체의 속성 이름을 순회합니다. 객체의 열거 가능한 모든 속성(상속된 속성 포함)을 순회합니다. 배열을 순회할 때도 사용할 수 있지만, 인덱스 순서가 보장되지 않고, 배열에 추가된 확장 속성까지 순회할 수 있으므로 일반적으로는 배열 순회에 사용하지 않습니다. const obj = {a: 1, b: 2, c: 3}; for (const prop in obj) { console.log(prop, obj[prop]); // a 1, b 2, c 3 출력 } for/of 반복문 이터러블 객체의 값을 순회합니다. 배열, 문자열, Map, Set 등 이터러블 프로토콜을 구현한 객체를 순회할 수 있습니다. 배열을 순회할 때 인덱스 순서대로 값을 순회하므로 배열 순회에 더 적합합니다. const a..

이전 1 2 3 4 5 다음

티스토리툴바