llighter / ionic-studycard5 Goto Github PK
View Code? Open in Web Editor NEWstudycard system with ionic 5 (Angular 9)
License: MIT License
studycard system with ionic 5 (Angular 9)
License: MIT License
Add a badge to fab so user see the number of reservation stage.
ionic-studycard5/src/app/tab1/deck-detail/deck-detail.component.scss
Lines 11 to 14 in 522599b
Current font size in Card is same whether it's long or not.
I need to adjust to font size.
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://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.
데이터 수정할 때 업데이트 하는 데이터 중 제거해야할 것과 최신화 해야할 변수들이 있다.
이 부분들을 변경해 줘야한다.
npm install firebase @angular/fire --save
Current UI couldn't know how many card left.
So, Using badge, Show the number of card left in level 0 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.
There are several ways to go to the link.
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.
//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.
Where success or not, increase repetition.
When log out then redirect to home page.
It should be Login page...
카드의 생성 및 수정 로직을 하나로 하다보니 업데이트 될 때 의도치 않게 다른 데이터들이 들어오는 경우가 있다.
예를 들어 문서의 아이디가 그렇고 메타데이터 중 생성일과 수정일은 카드생성일 때와 카드수정일 때를 구분해서 처리해줘야한다.
reference: https://github.com/ionic-team/ionic/projects/3
Refer to the link above to configure my projects.
태그 시스템을 구현한다.
해시태그 형식으로 추가할 수 있고 기존 태그가 있다면 검색해서 보여주는 것도 생각하자.
장점
특정 카테고리에 대한 정보를 모아서 확인할 수 있다.
더 생각해 볼 것!
태그 간의 상관관계 및 포함관계까지 고려하여 구현할 수 있을까?
데이터가 변경되면 cards의 내용도 갱신되면서 화면이 바뀐다. 이때 카드의 앞뒷면 위치는 터치이벤트에 대해서만 상태가 변경되기때문에 그냥 유지가 된다. 따라서 데이터 업데이트시에는 카드 위치에 대한 상태 변수를 초기화 해줘야 한다.
ionic-team/ionic-framework#16988
나도 양식에 맞춰 캡쳐해서 올리기
update css style
ERROR Error: Uncaught (in promise): Error: No component factory found for CardFormComponent. Did you add it to @NgModule.entryComponents?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.