일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 의존성주입
- frontend
- ECMAScript
- @Transaction propagation
- HTTP란
- mock stub
- Javascript
- 자바스크립트
- 트랜잭션 격리
- 타입스크립트
- Spock Spy
- enum
- Vue+Typescript
- Mock vs Stub
- TypeScript
- docker desktop 대체
- vue store
- Spock Stub
- docker desktop 유료화 정책
- @Transaction isolation
- webpack
- TCP/IP
- mock stub spy
- nuxtjs/composition-api buildModules
- Rancher Desktop설치
- 공짜로 Docker Desktop같은거 쓰기
- DI
- Spock Mock Stub Spy
- Docker Desktop 쓰고싶다
- Spock Mock
- Today
- Total
목록Vue+Typescript (2)
끄적끄적
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4pQh7/btrjcsEEn1B/56Un9QBklhFu5QFAb3F6H1/img.png)
뷰에서 타입스크립트를 쓰다보면 스토어에 대한 타입정의가 애매할경우가 많다.. 오늘은 뷰와 타입스크립트 환경에서 내가 쓰고 있는 아키텍처에 대해 정리해두려고 한다. 아무래도 호불호가 갈리는 스타일일수도 있겠다란 생각을 한다. 개인적으로는 현재 방식이 마음에 든다.. 일단 개인환경은 vue, vuex, vuex-class, vue-property-decorator 를 쓰고있다. 먼저 스토어에 액션쪽에 있는 파일을 하나까보면 이렇게 되어 있다. // HomeAction.ts class HomeAction implements HomeActionImpl { [HomeType.GET_MOCK_LIST] = ({ commit }: { commit: Commit }, payload: MockListRequest): P..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/NyUTM/btq6ANn1PG2/gPGgJYXx6CikWfg1bWYn90/img.png)
Vue + Typescript로 개발할때 Class based component에 유용한 라이브러리들에 대해 소개해보고자 합니다. 개인적으로 타입스크립트기반의 뷰를 만들때 필수적으로 사용하고 있는 라이브러리들입니다. vue-decorator-property(https://github.com/kaorun343/vue-property-decorator) vue-class-component기반에 라이브러리로 클래스 컴포넌트 스타일로 개발하기 쉽게 도와주는 데코레이터입니다. Setup npm i -S vue-property-decorator Example @Component export class MyComponent extends Vue { @Prop() age!: number; @PropSync('name'..