본문 바로가기
반응형

webpack31

3. Webpack 설치와 설정 - 1 Node.js와 npm 설치 Node.js와 npm은 웹 개발에서 필수적인 도구로, JavaScript를 서버 측에서 실행할 수 있게 해주고, 패키지 관리를 위한 npm을 제공합니다. 이번 챕터에서는 Node.js와 npm을 설치하는 방법에 대해 알아보겠습니다. 1. Node.js 설치 Node.js의 공식 웹사이트(https://nodejs.org/)에서 최신 버전의 Node.js를 다운로드합니다. 운영 체제에 따라 LTS(Long Term Support) 또는 최신 버전을 선택할 수 있습니다. 다운로드가 완료되면 설치 프로세스를 진행합니다. 2. 설치 확인 터미널(또는 명령 프롬프트)을 열고 다음 명령어를 입력하여 Node.js가 제대로 설치되었는지 확인합니다. node -v 버전 정보가 출력되면 N.. 2023. 12. 24.
2. Webpack 소개 - 2 Webpack의 역할과 필요성 웹 애플리케이션의 규모가 커지면서, 코드의 모듈화와 관리는 더욱 중요해졌습니다. Webpack은 이러한 상황에서 강력한 역할을 수행하여 여러 모듈 및 리소스를 효율적으로 관리하고 번들링합니다. 모듈 번들링 Webpack의 주된 역할 중 하나는 모듈 번들링입니다. 여러 개의 파일과 의존성을 하나로 묶어주어 웹 애플리케이션을 구성하는데 도움을 줍니다. 이는 각 모듈을 고유한 이름으로 관리하고 필요할 때 로딩하여 사용할 수 있게 해줍니다. 예를 들어, 자바스크립트 파일뿐만 아니라 CSS, 이미지, 폰트 등 모든 종류의 파일도 모듈로 취급하여 필요한 리소스를 효율적으로 관리할 수 있습니다. 로더 (Loaders) Webpack은 로더를 통해 다양한 파일 형식을 처리할 수 있습니다... 2023. 12. 24.
1. Webpack 소개 - 1 Webpack이란? 최근 웹 개발 환경에서는 복잡한 프로젝트 구조, 다양한 모듈 및 리소스 관리 등 다양한 요소들이 개발자들에게 다가왔습니다. 이에 따라 프론트엔드 빌드 도구의 필요성이 대두되었고, 그 중에서도 Webpack은 현대적인 웹 개발에서 필수적으로 사용되는 강력한 모듈 번들러입니다. Webpack의 역할 Webpack은 여러 모듈 및 리소스들을 하나로 묶어주는 번들링 도구입니다. 이는 여러 개의 파일 및 종속성들을 하나의 번들로 만들어주어 웹 애플리케이션의 성능 향상과 유지보수의 용이성을 제공합니다. 주요 역할은 다음과 같습니다: 번들링 (Bundling): 여러 파일 및 의존성을 하나의 번들로 만들어줍니다. 로더 (Loaders): 다양한 파일 형식을 웹 애플리케이션에서 사용할 수 있는 형태.. 2023. 12. 24.
반응형

티스토리툴바