프로그래밍(TA, AA) (269) 리스트형 [Vue.js] Vuex를 이용한 애플리케이션 작성 아래는 예제 애플리케이션에 대한 constant를 정의한 것이다. 상태를 변경하는 작업(mutation)과 action을 모두 찾아 등록한다. export default { FETCH_CONTACTS: "fetchContacts",// 연락처 조회 ADD_CONTACT_FORM: "addContactForm",// 입력폼 나타내기 ADD_CONTACT: "addContact",// 연락처 추가 EDIT_CONTACT_FORM: "editContactForm",// 수정폼 나타내기 UPDATE_CONTACT: "updateContact",// 연락처 수정 CANCEL_FORM: "cancelForm",// 입력, 수정폼 닫기 EDIT_PHOTO_FORM: "editPhotoForm",// 사진 편집폼 나타.. [프로그래밍] 함수형 반응형 프로그래밍 1. 함수형 반응형 프로그래밍1.1. 프로젝트, 복잡도의 벽에 부딪히다.1.2. 함수형 반응형 프로그래밍이란?1.3. FRP가 적합한 분야와 현재 상황1.4. 대화형 애플리케이션(이벤트란?)1.5. 상태 기계 분석의 어려움1.6. 버그 없는 대화형 애플리케이션1.7. 리스너는 이벤트 처리의 기둥.1.8. 리스너의 여섯가지 문제점1.9. 그냥 리스너만 고쳐서 사용하지 않는 이유1.10. 재시작 그리고, 상태가 문제되는 이유1.11. FRP의 장점: 복잡도 다루기1.12. FRP는 어떻게 동작하는가 (FRP 프로그램의 생애 주기)1.13. 패러다임 전환 (패러다임, 패러다임 전환)1.14. 의존성 관점에서 생각하기.1.15. 선언적으로 생각하기 (이 프로그램은 무엇인가)1.16. FRP, 개념적 이해 vs .. [Vue.js] Vuex를 이용한 상태 관리 컴포넌트는 정보의 전달을 위해서 props, event를 이용하게 된다. 부모 컴포넌트에서 자식 컴포넌트로 정보를 전달하기 위해 props를 이용했고, 자식 컴포넌트에서 부모 컴포넌트로 정보를 전달하기 위해서 event를 사용했다. 한가지 주의할 점은 부모 컴포넌트로부터 전달받은 속성은 자식 컴포넌트에서 변경이 불가하다. 그렇기 때문에 자식 컴포넌트에서 부모 컴포넌트로부터 전달받은 속성을 직접 변경하는 것이 아니라 이벤트를 통해서 부모 컴포넌트에 변경 정보를 알려서 부모 컴포넌트 내부에서 변경하도록 해야한다. 부모-자식 관계가 아니거나 계층 구조가 복잡해지면 어쩔 수 없이 이벤트 버스(Event Bus) 객체를 사용해야 한다. 하지만 이벤트 버스 객체를 사용하는 방식도 대규모 애플리케이션을 개발하는 경우.. [개발용어] 가용성 서버와 네트워크, 프로그램 등의 정보 시스템이 정상적으로 사용가능한 정도. Availability = Uptime / (Uptime + Downtime) Availability의 값이 높을수록 "가용성이 높다"라고 표현한다. 가용성이 높은것을 고가용성(HA, High Availability)라고 한다. (유지 관점) 서비스가 중단되지 않고 성능을 유지하는 능력(접근 관점) 언제든지 서비스에 대한 접근/접속(Access) 및 사용될 수 있는 능력 시스템의 데이터 또는 자원을 필요로할 때, 원하는 객체 또는 자원을 접근할 수 있는 성질. 즉, 데이터/정보/정보시스템이 요구된 방법으로 적시에 접근이 가능하고, 인가된 사용자는 필요할때 항상 정보의 사용이 가능한 특성. 수리가능계 / 수리불가능계? 가용도 = M.. [Vue.js] 공식 가이드 문서 요약 (5) - 반응형 Vue 주요 특징 중 하나는 reactive 즉, 반응형 시스템이라는 것이다. 모델은 단순한 Javascript 객체이며, 수정하면 화면이 갱신되는 방식이다. state 관리를 간단하고 직관적으로 만들어주지만 공통점을 제거하기 위해 어떻게 작동하는지 이해하는것이 중요하다. [변경 내용을 추적하는 방법] Vue 인스턴스에 JavaScript 객체를 data 옵션으로 전달하면 Vue는 모든 속성에 Object.defineProperty를 사용하여 getter/setter로 변환한다. 이는 Vue가 ES5를 사용할수 없는 IE8이하를 지원하지 않는 이유이다. getter/setter는 사용자에게는 보이지 않으나 속성에 액세스 하거나 수정할 때 Vue가 종속성 추적 및 변경 알림을 수행할 수 있다. vue-de.. 이전 1 ··· 20 21 22 23 24 25 26 ··· 54 다음
