profile
하루하루는 성실하게 인생 전체는 되는대로✏️
post-thumbnail

vuex store 알아보기

✍ Vuex 개념 >상태 관리를 위한 패턴이자 라이브러리이고, 중앙 집중식 저장소 역할을 담당 상태관리란? 여러 컴포넌트 간에 데이터 전달과 이벤트 통신을 한곳에서 관리하는 패턴 중앙 집중식 저장소 역할 데이터를 store라는 파일을 통해 관리하고 프로젝트 전체에 걸쳐 활용할 수 있게 해주는 방법 vuex를 사용하는 프로젝트는 프로젝트 전체에서 사용되는...

2021년 10월 14일
·
0개의 댓글
·
post-thumbnail

[Vue] v-on 디렉티브 정리

✍v-on 정의 >화면요소의 이벤트를 감지하여 처리할 때 사용한다. 예를 들어 v-on:click은 해당 태그의 클릭 이벤트를 감지하여 특정 메서드를 실행할 수 있다. 마우스 이벤트 |이벤트명|설명 |---|--- |click|마우스를 클릭했을 때 실행함 |dblclick|마우스를 더블 클릭했을 때 실행함 |mouseover| 마우스의 포인트가 요소 위...

2021년 10월 14일
·
0개의 댓글
·
post-thumbnail

TODO LIST

개요 todo list를 제작한 지는 몇개월이 지났지만 그때를 회상하면서 기록을 남기려고 한다. vue를 혼자 독학하며 정말 필요하다고 느낀 기능은 다음과 같다. > 데이터 배열의 생성 및 푸쉬 컴포넌트간의 단반향 & 양방향 바인딩 데이터 배열 삭제 todo list는 이 기능을 모두 만들어볼 수 있는 좋은 예제였다. 사용기술 📌 UI Desig...

2021년 10월 13일
·
0개의 댓글
·
post-thumbnail

Vue를 실행해보자

✍ vue 설치 및 실행 vue cli를 이용한 프로젝트 생성 vs code 터미널을 실행하여 입력해줍니다. > cd desktop //파일위치 $ vue init webpack-simple "폴더 이름" //설치 이렇게 입력하고 난 뒤에 배경화면에 해당 폴더가 새로 생성된 것을 확인할 수 있습니다. npm 빌드하기 node modules을 설치...

2021년 10월 13일
·
0개의 댓글
·
post-thumbnail

Vue router 정리

vue rotuer 사용 법과 데이터 전달하는 법

2021년 10월 4일
·
0개의 댓글
·