hanker

Single Thread 방식으로 실행되는 JavaScript에서 비동기 처리방법은 Promise와 async / await 가 있다. 이번 글에서는 매일 써도 어려운 비동기 프로그래밍에 대해서 알아보자. 1. 비동기 프로그래밍이란? JavaScript는 싱글 스레드 기반 언어이기 때문에 한 번에 하나의 작업만 실행이 가능하다.예외로 네트워크 요청, 파일 읽기, 타이머 같은 작업은 비동기 방식으로 실행된다.// 동기 코드 (순차 실행)console.log("Start");console.log("Processing...");console.log("End");// -- 출력 결과 --// Start// Processing...// End// 비동기 코드 (비순차 실행)console.log("Start");s..

이번 글에서는 JavaScript의 동작 원리를 깊이 이해하는 데 필수적인 개념인 실행 컨텍스트(Execution Context)와 콜 스택(Call Stack)에 대해 다뤄보자.이 개념을 이해하면 JavaScript의 호이스팅, 스코프, 클로저, 비동기 처리 등의 동작 방식을 보다 명확하게 파악할 수 있다. 1. 실행 컨텍스트란? 실행 컨텍스트(Execution Context)는 JavaScript 코드가 실행될 때 생성되는 환경을 의미한다.코드가 실행되는 동안 변수, 함수, this의 값 등을 추적하며, JavaScript 엔진이 코드를 실행하는 방식을 결정한다. * 실행 컨텍스트의 주요 역할 * - 코드 실행을 위한 환경 생성- 변수와 함수 선언 저장- 스코프와 this를 관리- 호이스팅 처리 2...

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까? JavaScript에서 객체와 배열은 데이터를 구조화하여 저장하고 관리하는 데 매우 중요한 역할을 한다. 이번 글에서는 객체와 배열의 기본 개념, 생성 및 사용법, 그리고 내장 메서드에 대해 살펴보자! 1. 객체(Object) 객체란?객체는 키-값 쌍(Key-Value Pair)으로 데이터를 저장하는 데이터 구조입니다. 각각의 키는 고유하며, 이를 통해 값을 참조할 수 있다. let person = { name: "Hanker", age: 32, isDeveloper: true..

화살표 함수(Arrow Function)는 ES6에서 도입된 새로운 함수 정의 방식으로, 기존의 함수 표현식을 간결하게 작성할 수 있는 문법이다. 화살표 함수 표현식에 대해서 알아보자 1. 간결함 화살표 함수 표현식const sum = (a, b) => a + b; console.log(sum(1, 5))위 코드를 보면 sum은 두 매개변수를 받아 그 합을 반환하는 함수이다. => (화살표) 를 사용하여 함수를 정의하고, {} (중괄호)와 return 키워드를 생략할 수 있으며, 표현식이 한 줄인 경우 결과가 자동으로 반환된다. 기존 함수 표현식const sum = function(a, b) { return a + b; }; console.log(sum(1, 5))확실히 화살표 함수를 사용하게 되면 간결..