1. 4에서 만든 프로젝트 banch로 추가하기!

// 초기화 후 확인 및 commit까지 진행
// commit이 되어야 branch를 만들 수 있다!
git init
git status
git add .
git status
git commit -m 'eslint'
// 현재 branch 확인 및 생성
git branch
git checkout -b eslint 
git branch
// remote 설정 후 push
git remote add origin https://github.com/minseung-moon/webpack-template-basic.git
git push origin eslint

2. branch한 template 사용하기!

• 새창에서 진행

cd .\Desktop\
// #branch 명
npx degit minseung-moon/webpack-template-basic#eslint vue3-test
cd .\vue3-test\
code . -r

3. 선언적 렌더링과 입력 핸들링

01. 현재 필요한 package 설치!

• git에 push할 때 package는 포함이 안되어 있기 때문에 설치가 필요!

npm i
or 
npm install

02. App.vue 수정해보기!

<template>
  <h1 @click="increase">
    {{ count }}
  </h1>
</template>

<script>
export default {
    data() {
        return {
            count : 0
        }
    },
    methods : {
        increase () {
            this.count += 1;
        }
    }
}
</script>

<style>
    h1 {
        font-size: 50px;
        color : royalblue;
    }
</style>