hubring

Vuex Vue.js 애플리케이션에 대한 상태 관리(state management)를 돕는 라이브러리이다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다. Vue의 공식 devtools 확장 프로그램과 통합되어 설정 시간이 필요 없는 디버깅 및 상태 스냅 샷과 같은 고급 기능을 제공한다. 상태 관리란? 상태(state)란 뷰 data 속성과 비슷하다. ex) 간단한 Vue 카운터 앱 new Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count++ } } }) 상태 : 앱의 상태를 ..

해당 내용은 Doit! Vue.js 입문 내용을 참고하여 정리하였습니다. Vue 인스턴스 라이프 사이클 라이프 사이클 단계 설명 1. 인스턴스 생성 (Created) BeforeCreate : data, methods 속성이 아직 정의되지 않음, 화면 요소에도 접근 불가 Create : data, methods속정이 정의되어 data,methods 속성에 정의된 값에 접근 가능, 화면 요소 접근 불가 -> 서버에서 데이터를 요청하여 받아오는 로직 수행하기 적절 2. 생성된 인스턴스 화면에 부착 (Mounted) BeforeMount : 지정한 화면 요소에 인스턴스를 부착하기 전에 호출, render() 함수가 호출되기 직전의 로직을 추가 Mounted : 인스턴스 부착 후 호출, template 속성에 ..

1. 아톰 설치 https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 2. 아톰 테마 설정 seti-ui 테마 : 직관적 파일 아이콘을 가져 파일 구분이 쉬움, 색조합이 튀지 않음 Window : File -> Settings Mac : Atom -> Preferences insta..

뷰 크롬 플로그인을 이용하면 뷰 개발에 도움을 줌. 뷰로 만든 웹의 구조를 분석하거나 디버깅 가능. 크롬 플로그인 설치 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js devtools Chrome and Firefox DevTools extension for debugging Vue.js applications. chrome.google.com github https://github.com/vuejs/vue-devtools vuejs/vue-devtools ⚙️ Browser devtools extension for debugging Vue.js applications. - vue..