Byunghun Lee MakeHoney

## webpack-hot-module-replacement-code-snippet.js
// webpack.config.js
module.exports = {
...
  plugins: [
    ...
    new webpack.HotModuleReplacementPlugin()
    ...
  ],

...

## react-hot-loader-code-snippet.js
// package.json
...
"react-hot-loader": "^4.12.15",
"@hot-loader/react-dom": "^16.8.6",
...

// webpack.config.js
module.exports = {
...
  resolve: {

## daum_postcode.vue
<template>
  <div>
    <button @click="popButton">주소</button>
  </div>
</template>

<script>
export default {
  data: _ => ({
    daumPostCode: null

## cdn_locally_import.vue
<template>
  <div>
    <h1> snippet code </h1>
  </div>
</template>

<script>
export default {
  async mounted() {
    await this.loadDaumPostcode()
	// webpack.config.js
	module.exports = {
	...
	plugins: [
	...
	new webpack.HotModuleReplacementPlugin()
	...
	],

	...
	// package.json
	...
	"react-hot-loader": "^4.12.15",
	"@hot-loader/react-dom": "^16.8.6",
	...

	// webpack.config.js
	module.exports = {
	...
	resolve: {
	<template>
	<div>
	<button @click="popButton">주소</button>
	</div>
	</template>

	<script>
	export default {
	data: _ => ({
	daumPostCode: null
	<template>
	<div>
	<h1> snippet code </h1>
	</div>
	</template>

	<script>
	export default {
	async mounted() {
	await this.loadDaumPostcode()