JavaScript 6

자바스크립트 비동기

콜백함수함수에 파라미터로 들어가는 함수. 비동기이며 순차적으로 실행하고 싶을 때 사용.ex. event listener, setTimeoutfunction first (params) { params()} // first() 실행 후 params() 실행  callback hell : 콜백함수가 너무 많이 중첩될 경우 코드의 가독성이 떨어짐, 에러 발생시 처리 어려움. 이를 해결하기 위해 promise 또는 async/await 사용 promisepromise((resolve, reject) => {비동기로 실행할 코드}) // resolve는 성공 코드, reject는 실패 코드.then{}.catch{} : error 처리 .finally{} : 모든 처리가 끝난 후 처리할 코드promise 체인 : ..

JavaScript 2025.02.03

변수 선언

1. 변수변수는 데이터를 저장하는 컨테이너다.JavaScript에서는 변수를 사용하여 값을 저장하고, 나중에 해당 값을 읽거나 수정할 수 있다.2. 변수 선언 방법JavaScript에서는 변수를 선언하기 위해 var, let, const 키워드를 사용한다. 각 키워드는 서로 다른 특성과 사용 목적을 가지고 있다.2.1. var특징:ES5 이전의 변수 선언 방식.Function Scope: 함수 내부에서만 접근 가능.Hoisting: 선언이 코드 상단으로 끌어올려진다.값을 재할당할 수 있다.블록 스코프를 지원하지 않아 의도하지 않은 동작이 발생할 수 있다.예제:function testVar() { if (true) { var x = 10; } console.log(x); // 10 (블록 스코프..

JavaScript 2025.01.02

JavaScript 실행 방법

1. JavaScript 실행 환경1.1. 웹 브라우저에서 실행JS는 웹 브라우저에서 실행되는 경우가 많다. 대부분의 브라우저는 내장된 JavaScript 엔진을 가지고 있으며, 이를 통해 JavaScript 코드를 실행한다.브라우저 내장 JavaScript 엔진:Chrome: V8 엔진.Firefox: SpiderMonkey 엔진.Safari: JavaScriptCore (또는 Nitro) 엔진.Edge: V8 엔진(Chromium 기반).1.2. Node.js에서 실행Node.js는 서버 측 JavaScript 실행 환경이다. 이를 통해 JavaScript 코드를 브라우저가 아닌 서버에서 실행할 수 있다.Node.js는 Chrome의 V8 JavaScript 엔진을 사용하여 서버 측에서도 JavaSc..

JavaScript 2024.12.31

자바스크립트 버전

1. ECMAScript와 JavaScriptJavaScript는 언어의 이름이고, ECMAScript는 그 표준.JavaScript의 모든 버전은 ECMAScript 표준에 기반.ECMAScript는 1997년 첫 표준 발표 이후 지속적으로 업데이트되고 있다.2. ECMAScript 버전의 개요ES1 (1997)의의: 최초의 ECMAScript 표준.주요 내용: 기본적인 JavaScript 기능 정의. 데이터 타입, 변수, 함수, 객체에 대한 기본적인 정의 포함.ES2 (1998)의의: ISO/IEC 국제 표준 준수를 위한 수정.주요 내용: 기존 기능에서 큰 변화는 없었으나 표준화 과정의 일환.ES3 (1999)의의: JavaScript의 기능이 본격적으로 확장된 버전.주요 내용: 정규 표현식 추가, ..

JavaScript 2024.12.31

JavaScript의 역사

1. JavaScript의 기원과 탄생 (1995년)창시자: 브렌던 아이크(Brendan Eich).배경:1990년대 중반, 인터넷 사용자가 증가하면서 더 상호작용적인 웹 페이지의 필요성이 대두.당시 HTML과 CSS는 정적 콘텐츠만 제공했으며, 동적인 웹 경험을 위해 새로운 언어가 필요.넷스케이프 커뮤니케이션스(Netscape Communications)는 브라우저 시장에서 경쟁 우위를 확보하기 위해 "Mocha"라는 이름의 스크립트 언어 개발을 계획.개발 과정:브렌던 아이크는 단 10일 만에 Mocha를 설계.Mocha → LiveScript → JavaScript로 이름 변경."JavaScript"라는 이름은 당시 인기 있던 Java 언어와의 마케팅 연관성을 위해 붙여짐.초기 버전은 클라이언트 측에..

JavaScript 2024.12.31

자바스크립트란?

JavaScript는 웹 개발의 핵심적인 프로그래밍 언어이며, 프론트엔드 개발을 목표로 하는 사람에게 필수적으로 익혀야 할 도구이다. 1. JavaScript란 무엇인가?정의: JavaScript는 동적인 웹 콘텐츠를 만들기 위해 설계된 프로그래밍 언어로, HTML 및 CSS와 함께 웹의 3대 구성 요소 중 하나다.특징:인터프리터 언어: 컴파일이 필요 없이 브라우저에서 실행.동적 타입: 변수의 데이터 타입을 명시적으로 선언하지 않아도 됨.멀티 패러다임 언어: 객체지향, 함수형, 이벤트 기반 프로그래밍을 지원.프로토타입 기반: 클래스가 아닌 객체 프로토타입 체계로 상속을 지원.2. JavaScript의 역할HTML: 웹 페이지의 구조를 담당.CSS: 디자인 및 레이아웃을 담당.JavaScript: 웹 페이..

JavaScript 2024.12.31