자바스크립트 공부

애플리케이션은 데이터를 다루고, 변수는 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 변수란 무엇인지 그리고 왜 필요한지에 대해 알아보도록 하자.🧐

변수 선언(declaration)에 사용되는 var, let, const 키워드에 대해 알아보자🧐

자바스크립트의 모든 값은 데이터 타입을 가지며, 크게 원시 타입(Primitive type)과 참조 타입Reference type)으로 나눌 수 있다. 지금부터 각 타입은 어떤 특징을 가지고있는지, 데이터 타입이 왜 필요한지에 대해 알아보자.🧐

Javascript에는 다양한 종류의 연산자가 존재한다. 연산자는 각각 어떤 특징을 가지고 있는지 알아보자.🧐

자바스크립트의 모든 값에는 타입이 존재하며 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 지금부터 타입 변환과 단축 평가에 대해 알아보도록 하자.🧐

Javascript의 함수(function)에 대해 알아보자🧐

Javascript의 스코프(scope)에 대해 알아보자🧐

자바스크립트는 다양한 방식으로 객체를 생성할 수 있는데 이번엔 생성자 함수에 의한 객체 생성 방법에 대해 알아보자.🧐

자바스크립트는 객체 지향 프로그래밍 언어이기도 하다. 이번엔 객체 지향 프로그래밍에 대해 알아보자🧐

자바스크립트는 프로토타입 기반의 프로그래밍 언어로, 객체는 다른 객체를 통해 프로퍼티와 메서드를 상속받을 수 있다. 지금부터 프로토타입이 뭔지 알아보도록 하자.🧐

자바스크립트의 전역 객체에는 개발에 큰 도움이 되는 다양한 속성과 메서드들이 존재한다. 지금부터 전역 객체에 대해 알아보도록 하자.🧐

this는 자바스크립트의 어려운 개념들 중 하나라고 한다. 지금부터 this가 뭔지 낱낱이 파헤쳐보자.🧐

실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 지금부터 실행 컨텍스트에 대해 상세히 파헤쳐보자.🧐

실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 지금부터 실행 컨텍스트에 대해 상세히 파헤쳐보자.🧐

클로저는 자바스크립트에서 난해하기로 유명한 개념들 중 하나이다. 이전에 학습했던 실행 컨텍스트에 대한 지식과 함께 클로저에 대해 정리해보자.🧐

자바스크립트 클래스는 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 하는 문법적 설탕(Syntactic suger)라고도 한다. 지금부터 클래스에 대해 정리해보자.🧐

ES6에서는 기존의 함수에 몇 가지 새로운 기능과 스타일이 추가되었다. 이를 통해 기존보다 코드를 더 간결하게 작성하고 다양한 방식으로 활용할 수 있게 되었다. 지금부터 추가된 각 항목에 대해 정리해보자.🧐

배열(Array)이란? 여러 개의 값을 순차적으로 나열한 자료구조를 말한다. 자바스크립트에서 배열은 정말 활용도가 높으므로 제대로 정리하고 넘어가보자.🧐

배열(Array)이란? 여러 개의 값을 순차적으로 나열한 자료구조를 말한다. 자바스크립트에서 배열은 정말 활용도가 높으므로 제대로 정리하고 넘어가보자.🧐

자바스크립트의 Number 객체는 숫자 값을 다루기 위해 제공되는 표준 빌트인 객체이다. 숫자 값을 표현하고 조작할 수 있는 다양한 정적 속성과 메서드를 포함하고 있으므로 정리하고 넘어가보자.🧐

자바스크립트의 Math 객체는 다양한 수학적 상수와 함수들을 제공하는 내장 객체이다. Math를 통해 다양한 상황에서 복잡한 수학적 계산을 간단하게 처리할 수 있으므로 제대로 정리하고 넘어가보자.🧐

자바스크립트의 표준 빌트인 객체인 Date 객체는 날짜와 시간을 처리할 수 있는 유용한 객체이다. Date 객체를 사용하면 특정 날짜와 시간을 생성하거나, 현재 시간을 불러오는 등의 다양한 작업이 가능하므로 제대로 정리하고 넘어가보자.🧐

정규 표현식은 짧고 간결한 표현으로 문자열에서 특정 패턴을 효율적으로 검색, 조작, 검증할 수 있기 때문에 코드의 길이를 줄이는데 효과적이다. 이번 포스팅을 통해 제대로 정리하고 넘어가보자.🧐

표준 빌트인 객체인 String은 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메서드를 제공한다. 이번 포스팅을 통해 String 객체에 대해 제대로 정리하고 넘어가보자.🧐

자바스크립트의 Symbol은 ES6에 도입된 7번째 원시 데이터 타입으로 다른 값과 중복되지 않는 유일무이한 값을 생성할 수 있다. 이번 포스팅에서는 Symbol에 대해 자세히 정리하고 넘어가보자.🧐

자바스크립트의 이터러블을 이해하면 다양한 데이터 구조를 통일된 방식으로 순회하고 조작할 수 있어 코드의 유연성과 효율성을 높이는데 유리하다. 이번 포스팅에서는 이터러블에 대해 정리하고 넘어가보자.🧐

자바스크립트의 스프레드 문법(spread syntax)은 배열, 객체 등의 요소를 확장하거나 복사할 때 사용하는 문법이다. 이는 배열과 객체 작업을 더 직관적이고 간단하게 만들어주는 유용한 기능이므로 이번 포스팅에서 정리하고 넘어가보자.🧐

자바스크립트의 디스트럭처링 할당을 잘 사용하면 코드가 간결해지고 가독성이 높아지는 효과를 느낄 수 있기 때문에 이번 포스팅에서 자세히 정리하고 넘어가보자.🧐

자바스크립트에서는 Set과 Map 이라는 컬렉션 객체를 제공한다. 이 두 객체는 일반 객체와는 다른 유용한 기능들을 제공하므로 이번 포스팅에서 정리하고 넘어가보자.🧐

Javascript의 HTMLCollection, NodeList 객체에 대해 알아보자🧐

Javascript의 동기, 비동기, Promise에 대해 알아보자🧐

브라우저의 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. 지금부터 DOM이란 무엇인지에 대해 알아보자.DOM은 웹 페이지를 스크립트나 프로그래밍 언어와 연결하는 문서의 프로그래밍 인터페이스이다.또는 HTML 문서의 계층

JavaScript 이벤트란? > 사용자가 웹페이지와 상호작용할 때 발생하는 동작이나 상황을 의미. 브라우저는 처리해아 할 특정 사건이 발생하면 이를 감지하여 이벤트를 발생(trigger)시킨다. 예를 들어, 클릭, 키보드 입력, 마우스 이동 등이 일어나면 브라우저는

함수를 명시적으로 호출하면 함수가 즉시 호출된다. 만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용한다. 이를 호출 스케줄링이라 한다.특정 시간 후에 함수를 실행하거나 일정 간격으로 반복 실행하는 매커

자바스크립트 엔진은 한 번에 하나의 작업만 실행할 수 있는 싱글 스레드(Single Thread) 방식으로 동작한다.싱글 스레드 방식에서는 처리 시간이 오래 걸리는 작업을 실행할 때 블로킹(Blocking, 작업 중단)이 발생한다.현재 실행 중인 작업이 종료될 때까지

자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동작한다.XMLHttpR

REST API는 REST를 기반으로 서비스 API를 구현한 것을 말한다. 이번 포스팅에서는 REST와 REST API에 대해 정리해보자🧐

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전통적인 콜백 패턴은 콜벡 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하여 여러 개의 비동기 처리를 한번에 처리하는 데도 한계가 있다.ES6에서는 비동기 처리를 위

ES6에서 도입된 특별한 종류의 함수로, 코드 블록의 실행을 일시 중단했다가 필요한 시점에 재개할 수 있는 특수한 함수를 말한다.제너레이터는 이터러블(iterable) 객체를 생성하는데 유용하며, 복잡한 반복 작업을 간단하게 처리할 수 있다.제너레이터 함수는 함수 호출

에러가 발생하지 않는 코드를 작성하는 것은 불가능하다. 사용자가 의도하지 않은 입력을 제공하거나, 서버와의 연결이 끊어지는 등의 다양한 상황에서 에러가 발생할 수 있다. 이를 제대로 처리하지 않으면 애플리케이션이 예기치 않게 종료되거나, 이상 동작을 할 수 있기 때문

모듈이란? > 애플리케이션을 구성하는 개별적 요소로서 재사용이 가능한 코드 조각을 의미 일반적으로 모듈은 기능을 기준으로 파일 단위로 분리하며, 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 자신만의 파일 스코프를 갖는

JavaScript에서 이벤트 핸들링을 할 때 자주 마주치는 event.target 과 event.currentTarget .얼핏 보면 비슷해 보이지만, 실제로는 매우 다른 동작을 하는 이 두 프로퍼티에 대해 정리해보려한다.이벤트가 실제로 발생한 가장 안쪽의 요소를 가