분류 전체보기163 10. Vuex Store 2024.03.18 로그인부터 개발 진행 중에 있는데 쿠키 및 세션 관리를 위해 Vuex Store를 통해 개발을 진행하며, 간단한 예제소스와 설명을 남긴다. 1. 의의 Vue.js 애플리케이션에서 상태 관리를 위해 주로 사용되는 Vuex라이브러리를 통해 상태 관리를 할 수 있다. Vuex는 Vue.js 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며, 이를 통해 상태를 예측 가능한 방식으로 관리한다. 2. Vuex의 핵심 개념 State (상태): 애플리케이션의 중앙 저장소로, 컴포넌트 간에 공유되는 데이터. Getters (게터): State에 접근하는 계산된 속성입니다. State의 일부 데이터를 가져오거나 가공하여 반환할 수 있다. Mutations (뮤테이션): State를 .. 2024. 3. 18. 09. Vue.js의 라이프사이클 2024. 03.17 회사에서 JSP -> Vue.js로 갈아탈 준비 중에 있다. 코어 CRUD 개발을 진행 중인데, Vue.js 를 거의 1년 만에 다시 하니 기억이 가물가물하다. Vue에서 가장 중요한건 라이프 사이클이라 생각하며, 다시 암기하기 위해 기록해 놓는다. Vue.js의 라이프사이클은 Vue 인스턴스가 생성되고 소멸될 때 발생하는 일련의 이벤트들을 의미. Vue 인스턴스의 라이프사이클은 크게 생성 단계, 갱신 단계, 소멸 단계로 나뉜다. 각 단계에서는 특정한 라이프사이클 훅(method)들이 호출. 생성 단계(Lifecycle Hooks during Creation): - beforeCreate: Vue 인스턴스가 초기화되고 데이터가 준비되기 전에 호출된다. - created: Vue 인스.. 2024. 3. 17. 08. 리액트(React) 2024-01-25(목) 사이드 프로젝트에 프론트엔드 투입이 되었는데 React를 사용해 프로젝트를 한 적이 없어 따로 공부를 하는 중인데 기록으로 남겨놓을려고 한다. 리액트(React)란? 페이스북에서 개발한 오픈 소스 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 만들기 위해 주로 활용된다. 리액트는 가상 돔(Virtual DOM) 기술을 기반으로 하고 있어서 효율적인 UI 업데이트를 가능하게 한다. 이러한 특징들이 리액트의 인기를 증가시키고 있다. 등장 배경 사용자 인터페이스를 보다 쉽게 관리하고 효율적으로 업데이트하기 위한 목적에서 비롯되었다. 기존의 프론트엔드 개발에서 UI를 동적으로 다루는 것은 복잡한 일이었는데, 리액트는 이를 간편화하고 개발자들이 유지보수를 더 쉽게 할 수 있도록 도.. 2024. 1. 25. 07. DOM(Document Object Model) 2024.01.23(화) Vue.js만 사용하다가 React를 따로 공부하면서 DOM에 대해 따로 정리를 해보았다. DOM이란? Document Object Model의 약어로, 웹 페이지의 구조를 표현하는 프로그래밍 인터페이스이다. 이는 HTML, XML 등의 문서를 계층 구조로 나타내고, 각 요소에 대한 접근과 조작을 가능케 한다. DOM은 웹 페이지의 동적인 변경이나 조작을 가능케 하며, 자바스크립트와 같은 스크립팅 언어를 통해 조작된다. 가상 DOM(Virtual DOM)이란? 애플리케이션 성능을 최적화하기 위한 기술 중 하나이며, 가상 DOM은 실제 DOM과 동일한 구조를 가지지만 메모리 상에서만 존재하며, 변경 사항을 추적하여 실제 DOM에 일괄적으로 적용함으로써 렌더링 효율을 높인다. 이는 .. 2024. 1. 23. 이전 1 2 3 4 5 ··· 41 다음 728x90 반응형
