소개웹 개발에서 드롭다운 메뉴를 구현할 때, 마우스 오버(Hover) 상태가 서브 메뉴로 이어지지 못하고 메뉴가 즉시 사라지는 현상은 흔한 오류입니다. 이 문제의 근본 원인은 mouseout 이벤트가 작동하는 방식과 이벤트 핸들러 내부에서 요소를 잘못 참조했기 때문에 발생합니다. 이 글에서는 문제의 원인을 명확히 분석하고, mouseover/mouseout을 사용하면서도 메뉴를 안정적으로 구현하는 방법을 제시합니다.1. 문제의 진짜 원인: mouseout과 event.target 재탐색문제는 mouseover/mouseout 이벤트 자체에 있다기보다는, 이벤트 리스너가 ****에 붙어 있음에도 핸들러 내부에서 **event.target.closest("li")**를 사용하여 요소를 다시 탐색했기 때문에 ..

서로 다른 Git 저장소 병합하기: 완전 가이드들어가며로컬에서 작업하던 프로젝트와 GitHub에 이미 올라가 있는 저장소를 하나로 합쳐야 하는 상황은 자주 발생한다. 예를 들어:로컬에서 새로 시작한 프로젝트를 기존 GitHub 저장소에 추가하고 싶을 때다른 컴퓨터에서 작업한 내용을 기존 저장소와 합치고 싶을 때여러 저장소를 하나로 통합하고 싶을 때이 글에서는 서로 다른 히스토리를 가진 두 Git 저장소를 안전하게 병합하는 방법을 단계별로 설명한다.문제 상황일반적으로 다음과 같은 상황에서 이 작업이 필요하다:로컬에 Git 저장소가 없는 프로젝트 폴더가 있고GitHub에 이미 다른 프로젝트들이 있는 저장소가 있을 때두 저장소를 하나로 통합하고 싶을 때이 경우 단순히 git pull을 하면 "unrelated..

- 서론: 요즘 인텔리제이로 GUI로 딸깍딸각 하다 보니가 머지 하는 방법을 까먹었다... 그래서 정리 좀 하고 기억도 할겸 블로그 포스팅을 해본다.⚔️ Git Merge 가이드📂 브랜치 정보현재 브랜치: hotfix/datadog-비활성화-충돌-처리-dev-브랜치 병합할 브랜치: hotfix/데이터독-비활성화 ⚠️ 주의사항: main.ts에서 충돌 발생 가능 → 반드시 수동 수정 후 git add, git commit 필요 🔍 현재 상황 확인git status # 현재 상태 확인git branch # 현재 브랜치 확인🔄 Merge 실행git checkout hotfix/datadog-비활성화-충돌-처리-dev-브랜치git merge hotfix/데이터독-비활성화⚡ 충돌 발생..

Git 특정 파일 제외하고 추가하는 방법 정리방법 1: 특정 파일만 제외하고 추가git add . && git reset HEAD .gitignore방법 2: git add에서 제외 패턴 사용git add . -- ':!.gitignore'orgit add . && git reset .gitignore방법 3: 개별 파일 추가 (가장 확실한 방법)git add packages/monitoring/infra/src/pages/index.tsgit add packages/monitoring/infra/src/pages/physical-equipment/infrastructure-status/list/ui/InfrastructureStatusListPage.vuegit add packages/monitorin..

📌 가중치 중앙값(Weighted Median)과 우체국 문제 풀이 과정1. 문제 배경우체국 문제(백준 2141번)는 다음과 같은 식으로 정의됩니다.xi​: 마을의 좌표wi​: 마을의 인구 수F(x): 특정 위치 x에 우체국을 세웠을 때, 모든 마을까지의 인구 가중 거리의 합우리가 구해야 하는 것은 F(x)가 최소가 되는 최적의 우체국 위치입니다.2. 수학적 원리 — 왜 가중치 중앙값인가?(1) 절댓값 미분(2) 가중치 포함 (3) 전체 미분(4) 정리전체 인구를 S,기준 x 왼쪽 인구를 L(x)라 하면4) 정리전체 인구 합을 S, x 기준 왼쪽 인구 합을 L(x)라 하면즉, 전체 인구의 절반 이상이 모이는 위치가 최적의 우체국 위치입니다.이를 **가중치 중앙값(Weighted Median)**이라 합..

Prettier 설정이 작동한 이유1. Yarn PnP (Plug'n'Play) 환경현재 프로젝트는 Yarn PnP를 사용하고 있음Yarn PnP는 node_modules 대신 .yarn/sdks/ 폴더에 패키지를 설치함2. Prettier 경로 문제VS Code의 Prettier 확장은 기본적으로 node_modules에서 Prettier를 찾음하지만 Yarn PnP 환경에서는 Prettier가.yarn/sdks/prettier/index.js 경로에 설치되어 있었음해당 경로를 명시적으로 지정해주니 VS Code가 올바른 Prettier를 찾을 수 있었음3. 프로젝트 구조 확인yarn.lock 파일이 존재 → Yarn을 사용하고 있다는 증거.yarn/sdks/ 폴더 존재 가능성 높음4. 해결 방법- s..