데브코스 til -Vue 시작하기 &&2개월간의 짧은 회고

2개월간 짧은 회고 🙄

나는 2개월 동안.....

▶했던 것들:

• 개발 블로그 시작(천천히 잊기위해)

• 막연했던 진로 확실히 정하기!(나는 프론트엔드!!다.)

• 본격적인 '미래를 위한' 개발 공부시작

• git(pr등을) 익혀 협업 간접경험해보기

▶지속할 점과 보완할 점!

지속할점:

• 개발공부

• til,블로그정리

• 팀원과의 pr && 리뷰

보완할점:

• 능동적인 자세를 기르기.
  =>남들이 해서, 교육과정중에 있어서가 아닌 내가 스스로 필요하다고 생각되는 것 들 시도하기. 그러려면 필요한 내용을 알아야하니... 더욱더 깊은 공부가 필요하다고 생각합니다

• 합리화 하지않기(이만하면 됐지..)
  =>목표한 것을 못이루어 냈다면 합리화 하지말고 이유를 찾고 개선하기.

• 쉴땐 쉬자는 마인드 버리기
  =>평일에 해야 할 일을 다못해도, 그 주 주말에 무조건 쉬자는 마인드였으나,
  주말에는 평일에 했던 강도만큼은 못해도, 부족한 것들을 보충하는 마인드셋 장착

Vue시작하기

html

<div id="counter">
</div>

js

    Vue.createApp({
        data() {
            return {
                msg: 'Hello Vue!'
            }
        }
    })
    const viewModel = app.mount('#app')
    viewModel.msg = 'Good!'

첫 Vue app을 만들었습니다!
viewModel이라는 인스턴스에 DOM이 연결되었으며(mount 함수로 인해)
데이터도 연결되었습니다. 모든 것이 반응형(reactive) 이 되었습니다.

js는 아래와 같이 간단히 바꿀수 있습니다.

   const App={
         data() {
             return {
               msg: 'Hello Vue!'
            }
         }
     }
    const viewModel=Vue.createApp(App).mount('#app')
            //viewModel은 인스턴스
    viewModel.msg = 'Good!'

결과: