일하고 공부하고

JavaScript 기초: 에러 처리 JavaScript 코드를 작성하다 보면 오류(에러)가 발생할 수 있습니다. 이번 포스팅에서는 에러의 종류와 에러를 처리하는 방법, 그리고 디버깅 팁을 살펴보겠습니다. 1. 에러의 종류 구문 에러(Syntax Error): 문법이 잘못된 경우 발생. 참조 에러(Reference Error): 존재하지 않는 변수나 값을 참조할 때 발생. 타입 에러(Type Error): 값의 타입이 올바르지 않을 때 발생. // Syntax Error// console.log("Hello // 따옴표가 닫히지 않아 발생// Reference Errorconsole.log(notDefinedVariable); // 정의..

JavaScript 기초: ES6+ 주요 기능 JavaScript는 ES6(ECMAScript 2015)부터 현대적인 기능들이 추가되었으며, 이후 ES7, ES8 등에서도 많은 개선이 이루어졌습니다. 이번 포스팅에서는 ES6+의 대표적인 기능들을 살펴보겠습니다. 1. let과 const ES6 이전에는 변수 선언에 var만 사용했지만, let과 const가 도입되면서 더 명확한 변수 스코프를 관리할 수 있게 되었습니다. // let: 재할당 가능let count = 1;count = 2;console.log(count); // 2// const: 재할당 불가const pi = 3.14;// pi = 3.15; // 오류 발생 2. 화살표 함수 화살표 함수는 간결한 함수 문..

JavaScript 기초: 배열과 객체 이번 포스팅에서는 JavaScript의 핵심 데이터 구조인 배열(Array)과 객체(Object)에 대해 다뤄보겠습니다. 배열은 데이터를 순서대로 저장하며, 객체는 키-값(key-value) 형태로 데이터를 저장합니다. 1. 배열(Array) 배열은 여러 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다. 각 값은 인덱스를 통해 접근할 수 있으며, 인덱스는 0부터 시작합니다. // 배열 선언const fruits = ["사과", "바나나", "체리"];// 배열 요소 접근console.log(fruits[0]); // "사과"// 배열 길이console.log(fruits.length); // 3// 배열 요소 추가fruits.push("포..

JavaScript 기초: async/await 이번 포스팅에서는 JavaScript의 비동기 처리를 더 직관적이고 간결하게 작성할 수 있는 async/await에 대해 알아보겠습니다. 1. async/await란? async와 await는 프로미스를 보다 쉽게 다룰 수 있도록 도와주는 문법입니다. 이를 통해 비동기 코드를 마치 동기 코드처럼 작성할 수 있습니다. 2. async 함수 async 키워드를 사용하여 비동기 함수를 선언할 수 있습니다. async 함수는 항상 프로미스를 반환합니다. // async 함수 선언async function sayHello() { return "안녕하세요!";}// 함수 호출sayHello().then(message => cons..