Vue.js 라이프사이클

Vue.js로 프로젝트를 진행하던 중 백엔드 데이터를 axios통신으로 받아와서 화면을 구성하는 작업이 필요해서 라이프사이클에 대해 정리해 보기로 했다. 라이프사이클이란? Vue 인스턴스가 생성되고,바뀌고,소멸될 때까지의 일련의 과정. 인스턴스 라이프사이클에서 호출되

2022년 3월 11일
·
0개의 댓글

Vue router 살펴보기

vue router는 routing 기능을 도와주는 vue의 라이브러리다. routing은 웹 페이지 간의 이동 방법이다. 주로 싱글 페이지 애플리케이션(SPA)에서 사용하며 Vue는 SPA구조를 가지고있다. router를 사용하면 매끄러운 화면 전환으로 사용자 경험을

2022년 2월 23일
·
0개의 댓글
post-thumbnail

Axios를 이용해서 데이터 전송하기

Axios는 Promise 기반의 자바스크립트 비동기 처리 방식을 사용하는 HTTP 통신 라이브러리이다.Vue에서 Axios를 이용해서 데이터를 전송하는 사용자 form을 만들어 실습한 내용을 정리해보았다.해당 코드를 실행하면 이런 사용자 입력 form이 뜬다passw

2022년 2월 16일
·
0개의 댓글

Vue 컴포넌트 통신

뷰는 화면의 구성을 컴포넌트로 해서 서로 데이터를 공유할 수 없는 경우가 생긴다. 컴포넌트 각각 고유한 scope(유효범위)가 있어서 데이터를 직접 참조하는 것이 불가능하다. 부모-자식 컴포넌트 관계 (출처:https://kr.vuejs.org/images/prop

2022년 1월 27일
·
0개의 댓글
post-thumbnail

MVVM 패턴과 VUE

VUE는 여러 디자인 패턴 중 하나인 MVVM패턴을 사용하는 프레임워크다. VUE는 MVVM 패턴의 ViewModel에 집중한 프레임워크이다. 프론트엔드 개발환경이 복잡해지면서 여러 디자인 패턴의 사용이 필요하게 되었고 그중 하나가 MVVM패턴이다. UI와 비즈니스

2022년 1월 20일
·
0개의 댓글
post-thumbnail

HTML 콘텐츠모델

HTML 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙총 7가지가 있으며 Metadata, Flow, Sectioning, Heading, Phrasing, Embedded, Interactive 로 나뉜다.출처:https://develope

2022년 1월 11일
·
0개의 댓글