# node-modules

0_right

😏그동안 진행 상황 근 2~3주 동안 나는 Migration을 진행하였다. 처음에는 단순히 Next에서 React로 옮기는 거니까 "뭐....금방 하겠지?"라는 생각을 했었다. 하지만 이것은 나의 착각.... 내 생각보다 과거 나의 코드는 더 엉망진창이였다. 😂 어떤 문제점들이 있었나요? 우선 위에서 말했듯이 나의 예전 코드는 정말 생각하지 않고 "구현"만 될 수 있게 짜여있었다. 이는 내가 어느 부분을 수정해야하는지 찾는데만 5~10분이 걸렸는데 이게 쌓이다 보니 몇시간씩이나 걸리게 됐다. 다음으로는 clubstudy는 기존 여러가지의 domain을 사용했었는데, 이는 배포하는 과정에서도 불편했지만, 생각보다 학생 domain과 mainPage의 domain이 겹치는 부분이 많았다. 그래서 domain을 줄이기로 했는데 여기서 다른 문제가 발생한다. 기존 mainPage는 Emotion만을 사용해서 직접 모든 component들을 style

chltjdrhd777

1. 나오게 된 근원 npm은 사람들이 만들어 놓은 코드들을 패키지별로 묶어서 마치 "상품을 구매하듯" 모듈형태로 가져올 수 있는 시스템이다. 이 npm의 문제는, 서로의 의존성이 엮여있는 dependency tree의 특성상 버전을 하나하나 다 맞춰주기가 어렵다는 점이다. > 예를 들어, 어떤 프로젝트 환경을 위해 a라고 하는 패키지와 b라고 패키지가 둘 다 필요할 때, 이 두 패키지가 서로 의존한다면 버전을 맞춰야 한다. > 이렇게 서로가 의존하고 있는 패키지들의 수가 많아지만 많아질수록 버전관리가 어려워지게 된다. 따라서 특정 개발환경을 위해 패키지들을 버전별로 모아 엮어서 배포하는 시스템이 바로 npx이다. 2. 탐색 경로 우선 npx를 통해 커맨드를 입력하면, 해당 working directory 기준으로 올라가며 node_modules 폴더를 찾는다 그 후, 그 내부를 재귀적으로 읽어나가며 bin 폴더들을 찾아낸 뒤, npx 뒤에 입력