# vue

1003개의 포스트
post-thumbnail

Vue gtag click 이벤트 설정하기!! ( Google Analytic )

이번에 작업을 진행하다가 ga를 삽입해 달라는 요청을 받았다. 단순히 vue에 gtag를 설치해서 기본적으로 사용을 하고 있었는데 요청인즉 현재 사이트에서 버튼을 클릭했을때 얼마나 클릭이 되는지 확인을 해보고싶다는 요청이었다. vue에 연결할수 있는 gtag에 대해서

어제
·
0개의 댓글

Vue 컴포넌트 통신

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

2일 전
·
0개의 댓글
post-thumbnail

vue2와 vue3의 차이 _01. template작성법

vue2에서는 아래처럼 template구절 안에 하나의 큰 div가 모두 감싸고 있어야 했다. vue3에서는 div하나로 묶어주지 않아도 작성 가능함.그러나 v-bind=$"attrs"를 1군데 이상 적어주어야 함.

3일 전
·
0개의 댓글

2022-01-25

ref와 reactive의 차이점 생각하기high레벨 low레벨 생각하기오타 조심하기

4일 전
·
0개의 댓글
post-thumbnail

props를 통해서 자식 컴포넌트에서 데이터를 변환시키기

자식 component에서 handleCount 이벤트를 emit을 통해서 받고,Number타입의 title과, String타입의 aaaa를 넘겨주는 컴포넌트를 만들었다.자식 컴포넌트에서 만든 버튼을 클릭하면 부모 컴포넌트의 handleCount 이벤트가 작동하여 1씩

5일 전
·
0개의 댓글

20220127

D: - cmd - vue create vue_20220124 - vue3 - cd vue_20220124 - npm install vue-router@next --save - npm install vuex@next --save -npm install axios --s

5일 전
·
0개의 댓글
post-thumbnail

Vue composition API를 사용해보자

Vue3에서 제시하는 새로운 방식의 컴포넌트 구조를 소개하려고 합니다. (composition api) Vue2에서도 적용이 가능하고 타입스크립트와 함께 사용하기도 용이하기 때문에 실무에 적용하는 것도 생각보다는 어렵지 않았습니다! 🥳

5일 전
·
0개의 댓글
post-thumbnail

vue 에러

위와 같은 에러가 계속 발생한다면 component를 만드는 routes안에 index.js를 들여다 볼 필요가 있다.계속 에러가 나서 새로운 파일을 만들어서 다시 했는데,왼쪽이 되는 경우, 오른쪽이 위와 같은 에러가 발생하는 경우다.차이점은 component, com

6일 전
·
0개의 댓글
post-thumbnail

vue 파일 생성 시 주의할 점

파일명에 대문자가 들어갈 경우 파일이 생성되지 않는다. snake 방식으로 만들자

6일 전
·
0개의 댓글
post-thumbnail

[vue] Modal 만들면서 배운 점들

modal component에서 overlay 클릭 시, 다른 창에는 영향을 주지 않으면서 dialog를 닫을 수 있어야 한다. vue는 양방향 데이터 바인딩이 이루어 진다고 알고 있다. 부모에서 자식으로 전달할 때는 props, 자식에서 부모로 전달할 때는 emit으

6일 전
·
0개의 댓글

Vue.js 란?

Vue는 웹 프론트엔드 프레임워크이며, 컴포넌트 기반 SPA (Single Page Appication)를 구축할 수 있게 해주는 프레임워크이다.프론트엔드 프레임워크에 말하는 컴포넌트는 웹을 구성하는 로고, 메뉴바, 모달창 등 웹페이지 내의 다양한 요소를 의미하는 것이

6일 전
·
0개의 댓글
post-thumbnail

[Vue] Router

클라이언트의 요청 경로에 따라 해당하는 컴포넌트를 불러와 페이지를 구성할 수 있다.

6일 전
·
0개의 댓글
post-thumbnail

[Vue] 입문

Vue Instance는 Vue.js로 개발하기 위하여 꼭 생성해야하는 필수 단위

6일 전
·
0개의 댓글
post-thumbnail

Vue3 + express

목차1\. Vue Cli를 이용하여 Vue3 프로젝트 생성2\. Vue Router 설치 및 연결3\. express 설치 및 연결Vue Cli를 설치한다.Vue3 기본 설정으로 프로젝트를 생성한다.vue 프로젝트 진행 시 편리한 vscode extensionVetur

7일 전
·
0개의 댓글
post-thumbnail

Vue로 kakao map API 사용하기

회사에서 좋은기회가 생겨 vue로 카카오맵 api 를 사용하게 되었다. 지도는 프론트엔드에게 꽃이나 다름없다고 하셨는데 ㅋㅋㅋ 맞는말인지 모르겠지만 어쨌든 1년차도 안된 내게는 좋은기회라고 생각했다 카카오 주소 >https://apis.map.kakao.com/

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