llighter / ionic-studycard5 Goto Github PK

ERROR Error: Uncaught (in promise): Error: No component factory found for CardFormComponent. Did you add it to @NgModule.entryComponents?

Where success or not, increase repetition.

https://stackoverflow.com/questions/40589878/multiple-canactivate-guards-all-run-when-first-fails

https://ionicframework.com/docs/angular/pwa

태그 시스템을 구현한다.

해시태그 형식으로 추가할 수 있고 기존 태그가 있다면 검색해서 보여주는 것도 생각하자.

장점
특정 카테고리에 대한 정보를 모아서 확인할 수 있다.

더 생각해 볼 것!

태그 간의 상관관계 및 포함관계까지 고려하여 구현할 수 있을까?

• AuthGuard
• Login Page
• Loagin form component

• flexbox
• card layout
• horizontal scrolling

ref) https://uxdesign.cc/creating-horizontal-scrolling-containers-the-right-way-css-grid-c256f64fc585

ref) https://adobexdplatform.com/plugin-docs/reference/ui/layout/flex.html

https://github.com/llighter/ionic-studycard4/blob/b70e3067f4b3c33dd87e6e8e496a339ad12d0144/src/app/decks/deck-detail/deck-detail.component.ts#L103-L115

//emit value every 1s
const interval$ = interval(1000);
//take the first 5 emitted values
const example = interval$.pipe(take(5));
//output: 0,1,2,3,4
const subscribe = example.subscribe(val => console.log(val));

Set take(number) as many as Stage need.

ionic-team/ionic-framework#16988

나도 양식에 맞춰 캡쳐해서 올리기

There are several ways to go to the link.

1. web link
2. book page
3. etc

Except for first one, links are simply notation and do not do anything special.
Therefore, in the case of a link to a web page, you only need to show the content of link.
Use tooltip for non web page link.

• Deck List
• Delete Deck
• Edit Deck
• Add Deck

Current font size in Card is same whether it's long or not.
I need to adjust to font size.

Add a badge to fab so user see the number of reservation stage.

I need to implement models like deck, user, card and so on.
To do that, I have to decide my model spec and make them using Interface.

https://beta.ionicframework.com/docs/api/toast/

데이터가 변경되면 cards의 내용도 갱신되면서 화면이 바뀐다. 이때 카드의 앞뒷면 위치는 터치이벤트에 대해서만 상태가 변경되기때문에 그냥 유지가 된다. 따라서 데이터 업데이트시에는 카드 위치에 대한 상태 변수를 초기화 해줘야 한다.

• Install rxjs
• Generate db service
• Generate auth sevice
• Install storage to store key-value
  https://ionicframework.com/docs/angular/storage
• Install google-plue for authentification
  https://ionicframework.com/docs/native/google-plus
• Install firebase for native support
  https://ionicframework.com/docs/native/firebase

https://alligator.io/angular/binding-keyup-keydown-events/

• Install Firebase
• environments setup
• Angularfire setup
  https://github.com/angular/angularfire/blob/master/docs/install-and-setup.md
  https://www.positronx.io/build-ionic-firebase-crud-app-with-angular/
  npm install firebase @angular/fire --save
• Edit app module

https://angular.io/guide/entry-components

To contrast the two types of components, there are components which are included in the template, which are declarative. Additionally, there are components which you load imperatively; that is, entry components.

https://web.dev/samesite-cookies-explained/

https://stackoverflow.com/questions/41736460/exception-this-browser-is-not-supported-or-3rd-party-cookies-and-data-may-be-di

Current UI couldn't know how many card left.
So, Using badge, Show the number of card left in level 0 stage.

카드의 생성 및 수정 로직을 하나로 하다보니 업데이트 될 때 의도치 않게 다른 데이터들이 들어오는 경우가 있다.
예를 들어 문서의 아이디가 그렇고 메타데이터 중 생성일과 수정일은 카드생성일 때와 카드수정일 때를 구분해서 처리해줘야한다.

update css style

• profile page
• profile component
• logout

데이터 수정할 때 업데이트 하는 데이터 중 제거해야할 것과 최신화 해야할 변수들이 있다.
이 부분들을 변경해 줘야한다.

reference: https://github.com/ionic-team/ionic/projects/3

Refer to the link above to configure my projects.

• Card layout
• Leveling system
• Interactive Gesture
• Reactive way
• Preload guard

https://medium.com/sketch-app-sources/7-handy-tips-for-better-app-icon-design-a43e370307cc

When log out then redirect to home page.

It should be Login page...