최근에 프로젝트에서 기존 npm에서 pnpm으로 패키지 매니저를 전환했다.이 글은 “왜 바꿨는지”, “어떻게 바꿨는지”, 그리고 “전환 후 어떤 점이 좋았는지”를예시와 함께 단계별로 정리한 아티클이다.✅ 왜 pnpm을 써야 할까?기존 npm을 쓰면서 겪은 불편함은 다음과 같다: • 디스크 낭비→ 같은 패키지를 여러 프로젝트에서 쓸 때마다 매번 복사됨 • 설치 속도 느림→ 특히 node_modules를 지우고 다시 설치할 때는 시간 소모 큼 • 의존성 충돌 문제→ 서브 패키지 간 의존성 버전 충돌로 인해 디버깅 어려움 그리고 pnpm은 이런 문제들을 이렇게 해결한다:npm의 문제점pnpm의 해결 방식디스크 낭비캐시 + 하드 링크를 통해 하나의 패키지만 저장설치 속도 느림캐시된 패키지를 바로 링크하므로 빠름..

position : absolute 와 position : relative 의 차이점을 이해하는 데 적지 않은 시간을 보낸 적이 있었다. 누군가에게는 도움이 되기를 바라며 그림으로 차이점을 설명해보겠다. 먼저 position 속성을 지정하지 않을 때, position의 기본 동작을 알아야 한다. position: static position을 따로 선언해두지 않으면 기본값으로 적용된다. 기본적으로 흐름의 현재 위치를 기준으로 요소를 배치한다. top, right, bottom, left, z-index는 적용되지 않는다. position: relative 레이아웃을 변경하지 않고 현재 자신의 위치를 기준으로 요소를 배치한다. position: absolute 가장 가까운 위치에 있는 부모 요소 위치를 기..