javascript

JavaScript

번들링(Bundling) 이란? 이점과 기술 소개

번들링(Bundling)의 사전적인 의미는 '어떤 것을 묶다, 모으다' 입니다. 웹 개발에서 번들링은 여러 코드와 프로그램을 묶어 사용자에게 웹 애플리케이션을 제공하는 핵심 과정입니다. 번들링(Bundling)은 빌드 과정 중 하나로, 최종적으로 번들링된 파일을 브라우저에서 실행하여 웹 애플리케이션을 실행합니다. 번들링의 이점 1. 파일 크기 문제 해결 번들링은 결과물 파일들을 압축하여 크기를 줄입니다. 번들 파일은 번들링되지 않은 원본 파일보다 작아지며, 실행 속도와 로딩 속도도 향상됩니다. 번들링은 성능 측면에서 이점을 제공합니다 2. 애플리케이션 임의 조작 방지 번들링된 웹 애플리케이션은 사용자가 임의로 조작할 수 없습니다. 번들링되지 않은 원본 코드에 접근할 수 있다면, 사용자가 의도하지 않은 조..

JavaScript

JavaScript 개발자라면 읽어야 할 JS 변천사. 1탄 Classic JavaScript

JavaScript 를 사용하다보면 어떤 코드는 require 를 쓰고 있고 어떤 코드는 import 를 쓰고 있는 것을 확인할 수 있습니다. 언제 무엇을 써야 하고, 왜 그렇게 써야하는지 알기 위해서는 JavaScript의 변천사를 어느정도 이해하는 것이 필요합니다. # 제발 안다고 하고 몰라서 require 랑 import 혼용해서 쓰지 말아주세요. 특히 Node.js 14에서... 우선 간단히 요약해서 설명하면, 정적 로드 : HTML 동적 로드 (풀패키지) : Node.js 4~14 CommonJS(require) 동적 로드 (모듈) : Node.js 14~ ESModule(import) 의 순서로 이해하시면 좋습니다. 우선 1탄에서는 require를 사용하는 CommonJS, AMD, UMD ..

JavaScript

Node.js 버전 변경하는 방법 - MAC

이 포스트는 npm package 중 n 을 이용합니다. Mac 에서 동작하는 방법이며, Windows Shell 또는 Git for Windows 에서는 동작하지 않습니다. Node.js 서버를 통해 이것저것 하다보면 버전의 영향을 많이 받을 수도 있는데... 예를 들어, serverless, node-sass, node-gyp 등의 오류를 피해 회피기동을 해야함. 로컬에서 NodeJS 버전 변경을 필요로 하는 경우가 종종 있습니다. 오늘은 n 을 통하여 설치된 Node.js 버전을 변경하는 방법을 알아보도록 합니다. 이미 Node.js 가 설치되어 있는 경우, 이유는 좀 찾아보야겠으나, Homebrew를 통해 /opt/homebrew/Cellar/node/{version}/ 에 Node.js가 설치된..

JavaScript

Node.js, NPM 제거하는 방법 - MAC

1. Node.js 깔끔하게 지우는 방법 Node.js 홈페이지에서 받았을 때, sudo rm -rf /usr/local/lib/node sudo rm -rf /usr/local/lib/node_modules sudo rm /usr/local/lib/dtrace/node.d sudo rm /usr/local/share/man/man1/node.1 sudo rm -rf /usr/local/share/doc/node sudo rm -rf /usr/local/share/systemtap/tapset/node.stp sudo rm -rf /usr/local/include/node sudo rm /usr/local/bin/node sudo rm /usr/local/bin/npm sudo rm /usr/local/..

JavaScript

NPM 사용하지 않는 모듈 일괄 제거하는 방법 (depcheck)

프로젝트를 장기간 진행하다보면, node module 을 설치하고 지우고를 반복하는 경우가 생깁니다. require 나 import 를 통해 node module 사용 부분은 지우기 편하지만, 설치 당시에 추가된 package.json 내부의 dependencies와 devDependencies 에서는 지우지 못해 남는 경우가 종종 생기곤 합니다. depcheck를 이용하면 미사용상태로 dependencies와 devDependencies 에 적혀있는 node module을 확인할 수 있습니다. 주의사항으로 lint, prettier 등 runtime 코드에서 호출되지 않고 개발을 위해서만 사용되는 module도 사용되지 않는 모듈에 포함될 수 있으니 숙련되기 전까지는 모르는 모듈 제거는 삼가하는 것을 ..

kgenots
'javascript' 태그의 글 목록