DEV/Vue
-
Vue / 13강, 14강 / VuexDEV/Vue 2022. 7. 17. 22:32
Vue / 12강 / Router, SPA Vue / 9강 ~ 11강 / Component Life Cycle, Directive Vue / 7강, 8강 / Component의 기본, Data Binding https://ccamanglab.tistory.com/25 Vue / 1~6강 / 프론트엔드 프레임워크와 ES6 프론트엔드 개발자를 위.. ccamanglab.tistory.com 전 강에 이어서 작성하는 글 [State Management] 1.상태(State) 애플리케이션 데이터 Component 내에서만 유지되고 관리되어야 하는 데이터를 상태라고 표현하지는 않음 어플리케이션 전역에서 이용되는 데이터 그리고 그것을 어떻게 관리할지가 상태관리임 2.상태 관리(State Management) 여러 ..
-
Vue / 12강 / Router, SPADEV/Vue 2022. 7. 16. 10:48
Vue / 9강 ~ 11강 / Component Life Cycle, Directive Vue / 7강, 8강 / Component의 기본, Data Binding https://ccamanglab.tistory.com/25 Vue / 1~6강 / 프론트엔드 프레임워크와 ES6 프론트엔드 개발자를 위한 Vue.js 시작하기 강의를 들으며 정리한 내용 1강 프.. ccamanglab.tistory.com 전 강에 이어서 작성하는 글 [SPA - Single Page Application] spa는 하나의 페이지에서 어플리케이션의 여러 화면을 제공하는 웹 어플리케이션을 의미 Multi Page Application의 반대 개념으로 이용 매번 HTML 로딩하는 것 보다, 하나의 로딩되는 HTML에서 화면만 바..
-
Vue / 9강 ~ 11강 / Component Life Cycle, DirectiveDEV/Vue 2022. 7. 15. 22:28
Vue / 7강, 8강 / Component의 기본, Data Binding https://ccamanglab.tistory.com/25 Vue / 1~6강 / 프론트엔드 프레임워크와 ES6 프론트엔드 개발자를 위한 Vue.js 시작하기 강의를 들으며 정리한 내용 1강 프론트엔드 웹 어플리케이션 서버 사이드 도움 받지 ccamanglab.tistory.com 에 이어서 작성 [Component Life Cycle] 컴포넌트는 생성부터 소멸까지 일련의 LifeCycle을 거침 ex { data(){ return {count:1} }, created(){ console.log('count is: '+this.count) } } 1.Create 컴포넌트가 생성되는 단계이며 DOM에 추가되지 않은 단계 befo..
-
Vue / 7강, 8강 / Component의 기본, Data BindingDEV/Vue 2022. 7. 15. 00:25
https://ccamanglab.tistory.com/25 Vue / 1~6강 / 프론트엔드 프레임워크와 ES6 프론트엔드 개발자를 위한 Vue.js 시작하기 강의를 들으며 정리한 내용 1강 프론트엔드 웹 어플리케이션 서버 사이드 도움 받지 않고도 서비스를 제공 서버사이드와 적절히 연동하면서 구현 클라 ccamanglab.tistory.com 지난 글에 이어서 쓰는 글 오늘부터 본격적인 Vue에 대해 공부한다. 7. Component기본 [Component의 특징] Vue의 핵심 구성 요소 UI를 위한 화면(DOM)과 로직(Javascript)의 결합 컴포넌트가 기술요소의 메인요소임 한마디로 정의하면 재사용 가능한 동적 UI 구성을 목적으로 함 Component Tree 구조 의미 단위로 Compone..
-
Vue / 1~6강 / 프론트엔드 프레임워크와 ES6DEV/Vue 2022. 7. 14. 13:55
프론트엔드 개발자를 위한 Vue.js 시작하기 강의를 들으며 정리한 내용 1강 프론트엔드 웹 어플리케이션 서버 사이드 도움 받지 않고도 서비스를 제공 서버사이드와 적절히 연동하면서 구현 클라이언트 사이드 - 브라우저 컴퓨터 - 서버 렌더링 서버 사이드에서 전달한 결과를 단순 화면에 출력 클라이언트 사이드도 기능이 확장됨과거의 렌더 역할만 했던 클라이언트 사이드가 많은 기능을 갖기 시작함 -> Ajax, flex, silverlight 같은 기술들이 발생함 HTML의 기술요소1. 웹소켓 -> 연결 지향형 소켓 통신2.웹 스토리지 -> 데이터 영속적 저장3.인덱스 데이터 데이스 -> 데이터 영속적 저장4.캔버스 -> 그래픽 요소5.오디오, 비디오 -> 멀티미디어 데이터 처리6.반응형 웹 디자인 -> 다양한 ..