폴리프레임

1. 프로젝트 폴더를 만들고, 안에서 다음 명령어를 실행한다.npm install --save-dev parcelnode_modules 폴더와 package-lock.json, package.json 파일이 생긴다.// package.json{ "devDependencies": { "parcel": "^2.12.0" }}2. 시작점으로 사용될 src/index.html 을 만든다. Hello, World! 개발서버가 설치되었으므로, 페이지에 변화를 주면 자동으로 리빌드 됩니다. 실행을 위해서 다음 명령을 실행 합니다.npx parcel src/index.html아래와 같이 나타나면 연결에 성공한 것으로, 아래 링크를 타고 들어가면 페이지를 볼 수 있으며, 페이지에 변화가 있으면 웹..

IT 일반 2024. 5. 30. 14:21

웹 번들러는 현대 웹 개발에서 중요한 역할을 합니다. 복잡한 웹 애플리케이션의 관리를 용이하게 하고, 성능을 최적화하며, 최신 개발 도구와의 통합을 통해 개발 생산성을 크게 향상시킵니다. 대표 웹 번들러(Web bundler)로는 Webpack과  Parcel이 있습니다. 1. 모듈화된 코드 관리   - 현대 웹 애플리케이션은 많은 자바스크립트 파일, CSS 파일, 이미지 파일 등으로 구성됩니다. 각 파일을 모듈화하여 작성하면 유지보수와 코드 재사용이 용이하지만, 브라우저에서 각 모듈을 개별적으로 불러오는 것은 비효율적입니다.   - 웹 번들러는 이러한 모듈들을 하나의 파일 또는 여러 개의 파일로 묶어 효율적으로 관리할 수 있게 해줍니다.2. 의존성 관리   - 복잡한 애플리케이션에서는 많은 라이브러리와..

JavaScript 2024. 5. 29. 17:30