Webpack

[Vue.js] Vue-cli 와 webpack-bundle-analyzer 👩‍💻 webpack-bundle-analyzer webpack-bundle-analyzer는 웹팩을 통해 번들링되는 모듈의 크기를 시각적으로 보여준다. 번들 파일의 용량을 확인함으로써 번들 크기에 문제가 있는 번들을 확인하고 줄일 수 있도록 하여 속도 향상시킬 수 있도록 도움을 준다. ⛏️ 설정하기 기본적으로 build 를 하게되면 자동으로 실행되며, pluginOptions.webpackBundleAnalyzer에 옵션을 추가할 수 있다. // vue.config.js pluginOptions: { webpackBundleAnalyzer: { // 이곳에 webpack-bundle-analyzer 옵션을 추가하면 된다. an..

[Django][React] Django와 React 설정하기 이 글은 http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/ 를 번역한 글입니다. - 사용 언어 Django 1.11.22 Python 2.7 ReactJS ^16.8.6 1. Virtualenv 및 Django 설치 backend폴더 생성 후 virtualenv 설치 및 활성화$ mkdir backend $ cd backend $ virtualenv venv $ source venv/bin/activate virtualenv에서 django 설치 한 후 backend프로젝트 생성(venv) $ pip install django (venv) $ django-admin..

[Django] Vue.js 사용하기 본 글은 AHackersDay의 https://ahackersday.com/blog/how-to-use-vue-and-django-together/ 글을 원작자의 동의를 받고 번역했습니다. Vue와 Django를 함께 사용하는 방법은 여러가지가 있고, 이 글에서는 우린 그 중 세 가지를 할 것입니다. 두 가지를 합치는 것은 큰 도전이 아니지만 몇 가지 생각해야 할 것이 있습니다. 1. Django Templates에 Vue 통합하기 (Integrate Vue into Django templates) Vue와 Django를 통합하는 가장 쉬운 방법은 vue script를 html코드에 포함시키는 겁니다. 이 작업이 완료되면 vue app 과 components를 만들 ..

[Vue.js] This dependency was not found: * core-js/modules/web.dom.iterable 에러 core-jscore-js/modules/web.dom.iterable를 설치하라는 오류가 발생한 경우 기존 node-modules를 제거한 후 다시 설치하면 된다. $ rm -rf node_modules && npm install [출처] https://www.curtismlarson.com/blog/2016/05/12/webpack-cannot-find-module-web-dom-iterable/