# vue2

11개의 포스트
post-thumbnail

watch 와 watchEffect의 차이점

vue3에서 추가된 watchEffect

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

Vue2 - SVG Raw Data (String) 으로 import 하기

과정 vue-d3-network 모듈을 사용해서 그래프를 만들려고 하는데 노드 Icon을 지정하려면 svg 파일을 불러와야했다. 이렇게 svg를 불러온 뒤 속성값에 넣어줬는데 변화가 없었다. 차이점을 찾으려고 예제 소스를 보니 아래와 같이 svg 파일을 불러오고

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

Vue Test Utils - Vue 컴포넌트 유닛 테스트 case by case

vue-test-utils 사용 시 케이스 별 테스트 작성법 정리

2022년 5월 6일
·
0개의 댓글
post-thumbnail

Vue 프로젝트 GSAP 적용하기

간단한 벤치마킹 프로젝트를 진행 중에 gsap를 사용해보려고 한다.greensock animation platform별거 아닌 애니메이션이야 대충 끄적여서 눈속임은 가능하겠지만..뭔가 제대로 된 애니메이션 라이브러리를 써보고 싶단 생각에 적용했고영어영어한 검색 결과만

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

Vue는 어떻게 반응성을 유지하고 있을까?

너무 멋진 개발자분들이 미래 개발자를 위해 더 좋은 프레임워크, 라이브러리등을 만들어주시면서 10년전에는 보통 직접 구현한 내용들이 지금은 많이 추상화 된 것 같다.실제로 이는 나에게 코딩을 할 때, 내부 구조에 대해 소홀히 만든 것 같다.이를 해소하고자

2022년 3월 12일
·
0개의 댓글
post-thumbnail

Pinia - 컴포넌트 외부에서 사용 시 (vue2)

현재 개발 환경은 vue2+composition api 이다.router에서 pinia에 있는 store를 호출하여 값을 꺼내올 일이 생겼는데 자꾸 스토어가 아직 설치되지 않았다는 에러가 발생했다.컴포넌트 외에서 스토어 사용 시 공홈에서는 아래와 같이 사용하라고 되어있

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

Pinia + vue2

기존 프로젝트는 Vue2 위에서 Typescript를 적용하다보니 타입 정의가 매우 복잡했는데요. (참고로 vue3+vuex4 사용 시 더 편해졌다고 해요.)예를들어 Action 별, Mutation 별, 각 타입 지정을 위해 Enum으로 함수명을 정의해야하고 또 각

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

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

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

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

Vue2에서의 v-model

부모 페이지에서 쓰는 위는 와 동일하다. 이는 my-component 컴포넌트 내에서 props: ['value'], model: { prop: 'value', event: 'input' } 이러한 기본 설정이 생략 되어있다. :va

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

export의 방식에 따른 차이.

와는 다른 파일에서 불러오는 방식에서 이러한 차이를 가진다.후자의 경우 원하는 이름대로 부를 수 있음.

2021년 12월 12일
·
0개의 댓글

이름이 있는 슬롯(Named Slots)

사용하는 쪽 (page) 컴포넌트 (component) 이름이 있는 슬롯에 내용을 전달하려면 `에 v-slot` 디렉티브를 쓰고 그 속성에 앞에서 지정한 ‘name’을 넣으면 됩니다. 렌더링된 HTML

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