프론트엔드/Bundler15 Parcel - 정적 파일 연결 이미지 가져오기 사이트: https://pixabay.com/ favico 이미지 만들기 사이트: Online ICO converter ICO Converter Converts images to the ICO format for your websites or applications. www.icoconverter.com 다운받은 파일을 선택하고 옵션을 선택 후 저장한다. 프로젝트안에 이미지 파일을 넣어준다. npm 프로젝트 실행 (favicon.ico 파일은 적용이 되지 않았다.) plugin 설치 사이트: https://www.npmjs.com/package/parcel-plugin-static-files-copy parcel-plugin-static-files-copy ParcelJS plugin t.. 2021. 7. 5. Parcel 시작 환경 세팅 초기화 명령어: npm init -y parcel bundler 다운 명령어: npm i -D parcel-bundler 해당 파일이 생성된거 확인 package.json 파일에 브라우저에 동작을 시키기위한 설정을 해준다. "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, 예제를 작성할 html, js파일을 작성한다. 그 후 CSS를 초기화 사이트: reset.css cdn 검색 https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, .. 2021. 7. 1. Bundler Parcel: 구성 없는 단순한 자동 번들링, 소/중형 프로젝트에 적합 Webpack: 매우 꼼꼼한 구성, 중/대형 프로젝트에 적합 TS, SCSS, Vue.js 등 유용한 기능들을 변환해주어서 웹에서 동작할 수 있도록 만들어 주는 기능을 한다. 프론트 개발 환경의 중심 번들러(Javascript development environment bundler) (tistory.com) 프론트 개발 환경의 중심 번들러(Javascript development environment bundler) 자바스크립트(Javascript)는 브라우저에서 동작하기 위한 방법을 위해 개발된 인터프리터 언어 입니다. 웹 개발자(web developer)에 의해서 js파일 또는 html파일에 각종 명령어로 해당 페이지에서 동작 .. 2021. 7. 1. 이전 1 2 3 다음
