하루살이 개발일지

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

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

React Native 공식문서를 보면 알 수 있다시피 Expo를 강추하고 있다. 그래서 Expo를 이용해 프로젝트르 세팅하는 중 라우터 구현 방식에 대한 기술적 의사결정이 필요했다. 지금까지는 React navigation만 사용했는데, Expo Router도 한번 사용해 보고싶었다. 우선 Expo router란, React Native와 웹 앱에서 사용할 수 있는 파일 기반 라우팅 라이브러리이다. iOS, Android, 웹에서 동일한 라우팅 구조를 사용할 수 있다. 파일 시스템을 기반으로 동작하며, 디렉터리에 파일을 추가하면 해당 파일이 자동으로 라우트로 등록된다.  Expo Router의 특징Expo router는 다음과 같은 특징이 있다. 네이티브 지원: React Navigation을 기반으로..

👀 Git 워크플로우 도입 배경팀 프로젝트를 진행하면서 여러 가지 불편사항을 경험했다. 첫째, 팀원 간의 커밋 메시지 형식이 일관되지 않아 변경 사항을 추적하기가 어려웠다. 둘째, 코드 품질 관리가 체계적이지 않아 린트와 스타일 가이드라인을 준수하지 않은 코드가 종종 커밋되었다. 마지막으로, 기본 브랜치(main)에 실수로 직접 푸시하거나 PR(Pull Request) 과정이 누락되는 문제가 있었다. 이러한 문제를 해결하기 위해 Git 워크플로우를 도입하기로 결정하였다. Git 워크플로우란 Git에서 브랜치와 커밋, 푸시 등의 작업을 체계적으로 관리하는 방법을 말한다. 이를 통해 코드 품질과 협업 효율성을 높이고, 실수를 줄일 수 있을 것이라 판단했다. 이를 구현하기 위해 Husky와 Commitize..