반응형 vue3 [JavaScript 문법] 47일차: Vuex 상태 관리 Vuex란?Vuex는 Vue.js 애플리케이션의 상태 관리를 위한 중앙 집중식 저장소를 제공하는 상태 관리 패턴 라이브러리입니다. Vuex는 상태(state), 뮤테이션(mutations), 액션(actions), 게터(getters)와 같은 개념을 통해 상태를 관리합니다.Vuex 설치Vuex를 사용하기 위해 Vuex 패키지를 설치합니다.npm install vuex --save상태 관리의 주요 개념상태(state): 애플리케이션의 상태를 나타내는 객체입니다.뮤테이션(mutations): 상태를 변경하기 위한 동기 메서드입니다.액션(actions): 상태를 변경하기 위한 비동기 작업을 포함한 메서드입니다.게터(getters): 상태를 반환하는 계산된 속성입니다.Vuex 설정Vuex를 설정하여 상태를 관리.. 2024. 9. 17. [JavaScript 프레임워크] 7일차: JavaScript 프레임워크에서 컴포넌트 재사용 및 테스트하기 7. 컴포넌트 재사용 및 테스트프로젝트 개요이번 글에서는 JavaScript 프레임워크에서 컴포넌트를 재사용하고 테스트하는 방법에 대해 알아보겠습니다. 컴포넌트 재사용은 코드의 유지보수성을 높이고, 테스트는 코드의 신뢰성을 높이는 중요한 과정입니다. React, Vue.js, Angular 각각의 프레임워크에서 이 방법을 다룹니다.React컴포넌트 재사용React에서는 컴포넌트를 재사용 가능하게 설계할 수 있습니다. Button 컴포넌트 예제// src/components/Button.jsimport React from 'react';function Button({ onClick, children }) { return ( {children} );}export default Bu.. 2024. 8. 7. [컴공 학습 순서] 4. Javascript Javascript + Typescript + Visual Studio Code + Node.js - Vanilla Javascript - Modern Javacript - Node.js - MDN Web Docs - Typescript / Typescript(ko) - npm (Frontend) - Fetch API - Vue / Vue(ko) - React - NextJS - tailwind CSS - styled-components (Backend) - Express - NestJS (AI) - TensorflowJS - Three.js - 생활 코딩 - HEROPY 블로그 - DreamCoding Academy 2023. 8. 19. 이전 1 다음 반응형