하루살이 개발일지

서론컴퓨팅 환경에서 성능과 효율성을 극대화하기 위한 개념 중 하나는 바로 프로세스와 스레드이다. 이러한 개념은 운영체제에서 매우 핵심적인 역할을 한다. 본 글에서는 프로세스와 스레드의 개념부터 시작해, 자바스크립트의 이벤트 루프와 태스크 큐까지 아우르며 전반적인 실행 흐름을 정리하고자 한다.1. 프로세스란?프로세스는 프로그램이 운영체제 위에서 실제로 실행되는 상태, 즉 '작업 단위'를 의미한다. 여기서 프로그램이란 특정 작업을 수행하도록 작성된 코드 묶음으로, 하드디스크나 메모리에 저장되어 있다가 사용자의 요청이나 시스템 이벤트에 의해 실행된다. 프로그램은 단순히 하드디스크나 메모리에 저장된 정적인 명령어 모음이라면, 프로세스는 그 명령어들이 메모리에 올라가 CPU 제어를 받으며 동적으로 실행되는 상태이..

프론트엔드 개발의 역사는 단순히 UI를 구성하는 수준을 넘어서며, 점점 더 복잡하고 체계적인 상태 관리와 아키텍처의 필요성을 만들어냈다. 특히 2010년대 초반, 자바스크립트의 역동성이 증가하면서 기존 서버 중심의 렌더링 방식에서 벗어나 클라이언트 사이드 애플리케이션의 필요성이 대두되었다. 이에 따라 자바스크립트를 좀 더 구조적으로 활용하기 위한 시도로 MVC, MVVM 같은 디자인 패턴이 대두되었으며, Backbone.js, AngularJS 등이 그 대표 주자였다. 이후 React가 등장하며 기존 양방향 바인딩 구조의 복잡성을 해결하고자 하였고, Flux 패턴이라는 단방향 데이터 흐름 기반 구조가 탄생하였다. 현재는 React 중심으로 컴포넌트 기반 아키텍처와 다양한 상태 관리 도구가 결합된 구조로 ..

😀 해당 포스팅은 React 애플리케이션에서 오류를 처리하기 위해 react-error-boundary 라이브러리를 사용하여 에러 바운더리를 구현하는 방법과, 이를 통해 동기 및 비동기 오류를 효과적으로 관리하는 방법을 설명하고자 합니다. React Error Handling With React-Error-Boundary  React에서 에러를 핸들링하는 방법 중 하나는 오류 경계(error boundaries)를 사용하는 것이다. 이 글에서는 react-error-boundary를 사용한 React 오류 처리에 대해 알아보았다. React에서의 오류 경계  React 에러 바운더리는 React 애플리케이션에서 오류를 처리하는 데 중요한 부분이다. 에러 바운더리는 자바스크립트 오류를 자식 컴포넌트 트리..

기존에 Promise.all은 알고 있었지만 병렬 처리를 위해 Promise.all을 사용하던 도중 개별 프로미스들의 성공과 실패를 판단해 실패한 프로미스에 대한 처리를 하고 싶었는데, 해당 메서드가 가진 한계로 인해 원하는 기능을 구현할 수 없었다. 와중에 병렬 처리를 해주는 Promise.allSettled라는 메서드를 알게 되었고 이 두 가지의 차이점을 비교해보고 싶었다. Promise.all 우선 Promise.all은 모든 프로미스가 성공적으로 완료(fulfill)될 때까지 기다린 후 모든 프로미스의 반환 값을 배열에 넣어 반환한다. 하나의 프로미스라도 실패하면 전체가 실패로 간주되고, 개별 프로미스의 성공 또는 실패를 추적할 수 없다. 즉 모든 프로미스 중 하나라도 reject가 호출된다면, ..