개발자 도담씨

이전에 npm과 yarn 중에 고민할때 대충 아아 음~ 그렇지 하고 넘겼다가 이제서야 기술 블로그에서 상세하게 설명한 글을 보고 머리를 한대 맞았다 🥺 패키지 관리 도구로 대표적으로 npm과 yarn이 있는데 그중에서도 최근 많이 사용중인 yarn berry 버전이 npm과 비교했을때 어떤 이점이 있는지 왜 인기가 많은지 알아보려고한다. 🤔 npm의 문제점 비효율적인 의존성 검색 npm은 node_modules 폴더를 통해 파일 시스템을 이용하는데, node.js에서 제공하는 require.resolve.paths() 함수를 통해 react를 require했을 때 react를 찾기위해 어떤 폴더를 확인하는지 봤다. $ node Welcome to Node.js v20.5.1. Type ".help" fo..

멀티 채팅에 이어서 진짜 맛보기만 하고 있는 느낌이긴 하지만 그래도 한다는거에 나로썬 만족하겠다 :) ( 뻔뻔쓰 ) 이번에 관심을 가진건 웹팩이다. 저번처럼 등장배경및 친구소개먼저 받을꺼다. 우리가 CSS를 header에 적고 script를 body이후에 적을때가 있을 것이다. 브라우저 렌더링 과정을 보면 1. HTML읽은 후 파싱 2. DOM, CSSOM 생성 3. 렌더링 트리 생성 4. 레이아웃 계산 5. 페인트🎨 여기서 HTML을 읽는 과정중 스크립트를 만나게 되면 스크립트를 읽고 파싱 후 HTML을 다시 읽어내려간다. 자바스크립트를 분할 하여 여기저기서 여러개 불러올탠데 생각만 해도 엄청 느리지 않은가 -ㅅ- 이런 단점을 Webpack을 통해 브라우저 랜더링 시 파일들을 단일 파일로 만들어 주어 ..