일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 자바 switch문
- 자바 public
- 이클립스 DB연동
- 자바 삼항연산자
- 자바 공배수
- 항해99
- react ag grid
- react with typescript
- 변수
- MySQL
- 정보처리기사실기
- 자바 for문
- 자바 조건문
- Til
- java
- 자바 자동캐스팅
- 자바
- 타입스크립트
- 항해99 2기
- 자바 while문
- 조코딩
- 자바 if문
- 프로그래머스
- 자바 강제 캐스팅
- 자바 반복문
- 자바 구구단 출력
- 자바 향상된 for문
- TypeScript
- Vue3
- 자바 스캐너
- Today
- Total
뇌 채우기 공간
[TIL] 20211119 vue store action type / vue custom directives 본문
1. store에 action type 정하기
https://dev.to/3vilarthas/vuex-typescript-m4j
Vuex + TypeScript
Preface 🚨 The approach, described in this article, is not encouraged to be used in produc...
dev.to
이번에 인턴과제를 하면서는 store에 타입을 제대로 지정하지 못했는데 공부를 더해보자
2. git branch 가져오기
https://velog.io/@cyongchoi/Git-branch-가져오기
Git branch 가져오기
git remote branch 가져오기
velog.io
3. vue directives
회사 코드에서 directives를 처음봤다.
사용자 지정 디렉티브 | Vue.js
사용자 지정 디렉티브 시작 Vue는 코어에 포함된 기본 디렉티브 (v-model 과v-show와 같은) 외에도 커스텀 디렉티브를 등록할 수 있습니다. Vue에서 코드 재사용 및 추상화의 기본 형식은 컴포넌트입
v3.ko.vuejs.org
그래서 대체 directives가 뭐냐고!
v-show, v-if 같이 html태그안에 들어가는 하나의 속성이라고 한다.
현재 이런 13가지의 디렉티브가 있다.
회사에서 본 코드는 사용자지정 디렉티브 인가보다.
밑에 글을 보고서야 이제 조금 이해가 된다.
공식문서의 코드대로
directives: {
focus: {
// directive 정의
mounted(el) {
el.focus()
}
}
}
이렇게 디렉티브를 지정해주면 템플릿단에서 v-focus로 쓰면 되나보다.
참고 : https://velopert.com/3044
[Vue.JS 2.0] Directive (지시문), Vue 엘리먼트를 위한 특별한 속성 | VELOPERT.LOG
이번 포스트에선 Vue.JS 2.0 의 디렉티브 (Directive) 라는 개념에 대해서 알아보고, 간단한 디렉티브들을 사용해보겠습니다. 디렉티브, 앵귤러를 사용해보셨다면, 조금 익숙하시겠죠? 디렉티브를 그
velopert.com
'TIL' 카테고리의 다른 글
[TIL] 20211123 타입스크립트 타입 정의/ composition function (0) | 2021.11.23 |
---|---|
[TIL] 20211122 vue2와 vue3의 차이/ img require/ computed getter setter/ props type 정의 (0) | 2021.11.23 |
[TIL] 20211118 vue 무한 스크롤 구현 (0) | 2021.11.19 |
[TIL] 20211117 scss 미디어 쿼리 전역으로 쓰기/ computed 타입지정 (0) | 2021.11.19 |
[TIL] 20211116 selectbox/ window.confirm (0) | 2021.11.19 |