Try   HackMD

임시 정리

tags: 석기, RxJS

문제점들

중복된 Observable 호출

-> 이를 막기위해 Subject를 써야한다.

Subject

  • Cold Observable
    • 지금까지 우리가 사용했던 observable이다.
  • Hot Observable
    • 하나의 Observable를 여러 Observable이 공유하는 형태.

이는 데이터를 전달하는 주체가 어디에서 만들어졌는지에 따라 구분된다.

Last changed by 
 
LemonMilk
Frontend
0
85

Read more

7. 점진적인 타입스크립트 적용 방식 3단계 - Vuex 스토어 타입 정의

1. &#xC2A4;&#xD1A0;&#xC5B4;&#xC758; &#xD0C0;&#xC785; &#xCD94;&#xB860; &#xBB38;&#xC81C; 2&#xAC1C;&#xC758; &#xC778;&#xD130;&#xD398;&#xC774;&#xC2A4;&#xB97C; &#xD569;&#xCE68; &#xD0C0;&#xC785; &#xC2A4;&#xD06C;&#xB9BD;&#xD2B8; &#xC120;&#xC5B8; &#xBCD1;&#xD569;: https://www.typescriptlang.org/docs/handbook/declaration-merging.html node_modules/vuex/vue.d.ts declare module "vue/types/options" { interface ComponentOptions<V extends Vue> { store?: Store<any>;

Apr 20, 2022
Vue.js 완벽 가이드 - 라우팅 고도화

Dynamic Routing Next &#xC5D0;&#xC11C; params &#xB85C; &#xB118;&#xAE30;&#xB294; &#xB85C;&#xC9C1; &#xAD6C;&#xD604;. <template> <div> <user-profile :info="userInfo"> <div slot="username">{{ userInfo.id }}</div> <span slot="time">{{ &apos;Joined &apos; + userInfo.created }}, </span> <span slot="karma">{{ userInfo.karma }}</span> </user-profile>

Apr 20, 2022
6. 점진적인 타입스크립트 적용 방식 2단계 - 컴포넌트, API 함수

1. &#xC2A4;&#xD1A0;&#xC5B4; &#xC0C1;&#xD0DC; &#xAD00;&#xB9AC; &#xD0C0;&#xC785;&#xC2A4;&#xD06C;&#xB9BD;&#xD2B8; &#xC7A5;&#xC810; api &#xD638;&#xCD9C; &#xB370;&#xC774;&#xD130; &#xC2A4;&#xD399; &#xC815;&#xC758; &#xC2A4;&#xD1A0;&#xC5B4;&#xB97C; &#xC4F0;&#xC9C0; &#xC54A;&#xC544;&#xB3C4; &#xB418;&#xB294; &#xC0C1;&#xD669; &#xB370;&#xC774;&#xD130;&#xB97C; &#xBC1B;&#xC544;&#xC640;&#xC11C; &#xD558;&#xC704; &#xCEF4;&#xD3EC;&#xB10C;&#xD2B8; &#xD558;&#xB098;&#xC5D0; &#xB118;&#xACA8;&#xC8FC;&#xB294; &#xAC04;&#xB2E8;&#xD55C; &#xC0C1;&#xD669;

Apr 19, 2022
5. 점진적인 타입스크립트 적용 방식 1단계 - 라우터, HOC, 유틸 함수

1. &#xBDF0; &#xD504;&#xB85C;&#xC81D;&#xD2B8;&#xC5D0; &#xD0C0;&#xC785;&#xC2A4;&#xD06C;&#xB9BD;&#xD2B8;&#xB97C; &#xC810;&#xC9C4;&#xC801;&#xC73C;&#xB85C; &#xC801;&#xC6A9;&#xD558;&#xB294; &#xBC29;&#xBC95; Vue+Typescript &#xD504;&#xB85C;&#xC81D;&#xD2B8; &#xC0DD;&#xC131; &#xAE30;&#xC874; &#xC11C;&#xBE44;&#xC2A4; &#xCF54;&#xB4DC;&#xC640; &#xB77C;&#xC774;&#xBE0C;&#xB7EC;&#xB9AC;&#xB97C; &#xC0C8; &#xD504;&#xB85C;&#xC81D;&#xD2B8;&#xC5D0; &#xC774;&#xB3D9; &#xAE30;&#xBCF8;&#xC801;&#xC778; &#xBE4C;&#xB4DC; &#xC5D0;&#xB7EC; &#xD574;&#xACB0; &#xD0C0;&#xC785;&#xC2A4;&#xD06C;&#xB9BD;&#xD2B8;&#xC758; &#xD61C;&#xD0DD;&#xC744; &#xBCFC; &#xC218; &#xC788;&#xB294; &#xC8FC;&#xC694; &#xD30C;&#xC77C;&#xB4E4; &#xC704;&#xC8FC;&#xB85C; .js -> .ts&#xB85C; &#xBCC0;&#xD658;&#xD558;&#xBA70; &#xC801;&#xC6A9; 2. HOC &#xD30C;&#xC77C;&#xC5D0; TS &#xC801;&#xC6A9; &#xBC0F; &#xB77C;&#xC6B0;&#xD130; &#xB124;&#xBE44;&#xAC8C;&#xC774;&#xC158; &#xD568;&#xC218; &#xB85C;&#xC9C1; &#xAC1C;&#xC120; vue-router

Apr 19, 2022
Read more from LemonMilk
Published on HackMD