jhhan의 블로그

이번 시간에는 vuex에서 mutations에 대해서 알아보겠습니다. 지난번 포스트에서는 state에 대해 알아봤는데요. (store.js 사용) state는 상태관리를 하는 항목이 들어가는 곳입니다. 그러면 state에 데이터를 넣어주면 어느 vue파일에서든지 끌어와서 쓸 수 있게 됩니다. 그리고, state에 넣어준 데이터가 변경이 되는 경우가 있을 수도 있습니다. 그런데 각각의 vue 파일에서 state 값을 변경하면 어떻게 될까요? 코딩하는 당시에는 편할 수 있겠지만, 나중에 오류가 생겼을 때 해당 vue 파일로 가서 고쳐야 합니다. 이게 큰 문제가 아니라고 생각할 수 도 있지만, vue 파일이 100개가 있다고 생각해봅시다. 그리고 100개의 파일에서 모두 state 값을 변경했다고 했고 오류가..

이번에는 뷰 템플릿에 대해 알아보겠습니다. 뷰 템플릿: HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 부라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성 데이터 바인딩(Data Binding) HTML 화면 요소를 뷰 인스턴스의 데이터와 연결하는 것을 의미 {{}} 문법과 v-bind 속성 {{}} 은 지금까지 여러번 사용했으므로 딱히 설명드리지 않겠습니다. v-bind: HTML 속성값에 뷰 데이터 값을 연결할 때 사용하는 데이터 연결 방식 프레임워크 목록 가져오기 아이디 바인딩 클래스 바인딩 스타일 바인딩 {{ true ? 100 : 0 }} {{ reversedMessage }} Good Vue.js {{ system }} Better V..