얼음저장소

https://ko.parceljs.org/ 0. Bundler 란? 프로젝트를 진행하다보면 여러가지 패키지를 설치하게 되는데 이런 패키지들은 개발할때만 사용되고 최종적으로 컴파일 후에는 html, css, javascript 파일만 남아야 한다. 때문에 이런 패키지들을 html, css, javascript 로 변환시켜 주는것이 번들러의 역할이다. 번들러가 모든 패키지들을 변환시킬 수 있는 것은 아니다. 예로 SCSS 를 설치하면 SASS 로 변환을 하는데 따로 설치할 필요는 없고 SCSS 를 설치할 때 같이 설치된다. 그리고 번들러는 이 설치된 SASS 를 통하여 변환을 시켜주는 역할을 하는 것이다. 그 중 Parcel 은 구성 없는 단순한 자동 번들링이 지원되어 소/중형 프로젝트에 적합한 번들러이다..

3. index.html 만들기 vscode 내에서 느낌표(!)를 입력하면 자동으로 연결되는 스니펫을 이용한다. 를 에 추가한다. 4. main.js 만들기 console.log('hello world'); 테스트용 콘솔로그를 작성한다. 5. package.json 내의 scripts 수정하기 기존에 작성되어있는 명령어는 사용하지 않으니 삭제해도 된다. 그리고 아래와 같이 추가한다 "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, parcel parcel 자체는 일반 터미널에서 입력하면 명령어를 찾을 수 없다. 하지만 이렇게 스크립트 내에 작성하면 설치된 모듈에서 찾아 이 프로젝트에서만 실행되는 명령..