Vuetify UI Framewrk - Vuejs


관련 자료

https://vuetifyjs.com/

 

Vuetify — A Material Design Framework for Vue.js

Vuetify is a Material Design component framework for Vue.js. It aims to provide all the tools necessary to create be...

vuetifyjs.com

https://github.com/vuetifyjs/vuetify

 

vuetifyjs/vuetify

🐉 Material Component Framework for Vue. Contribute to vuetifyjs/vuetify development by creating an account on GitHub.

github.com

 

 



 

 

'Javascript' 카테고리의 다른 글

Buefy UI Framewrk - Vuejs  (0) 2021.06.26
Quasar UI Framewrk - Vuejs  (0) 2021.02.19
[Javascript] svelte  (0) 2019.12.03
[Javascript] ag-grid  (0) 2019.10.20
BootboxJS — Bootstrap의 모달을 쉽게 컨트롤 하자  (0) 2019.05.27

Buefy UI Framewrk - Vuejs


관련 자료

https://buefy.org/

 

Buefy: lightweight UI components for Vue.js based on Bulma

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

buefy.org

https://github.com/buefy/buefy

 

buefy/buefy

Lightweight UI components for Vue.js based on Bulma - buefy/buefy

github.com

 

 



 

 

 

 

 

'Javascript' 카테고리의 다른 글

Vuetify UI Framewrk - Vuejs  (0) 2021.06.26
Quasar UI Framewrk - Vuejs  (0) 2021.02.19
[Javascript] svelte  (0) 2019.12.03
[Javascript] ag-grid  (0) 2019.10.20
BootboxJS — Bootstrap의 모달을 쉽게 컨트롤 하자  (0) 2019.05.27

Vue를 위한 UI Framework Quasar


관련 자료

quasar.dev/

 

Quasar Framework - Build high-performance VueJS user interfaces in record time

Developer-oriented, front-end framework with VueJS components for best-in-class high-performance, responsive websites, PWA, SSR, Mobile and Desktop apps, all from the same codebase. Sensible people choose Vue. Productive people choose Quasar. Be both.

quasar.dev

github.com/quasarframework/quasar

 

quasarframework/quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time - quasarframework/quasar

github.com

 

 

 

 



Quasar는 안드로이드의 Material Design 과 IOS의 테마를 둘 다 지원합니다

 

 

'Javascript' 카테고리의 다른 글

Vuetify UI Framewrk - Vuejs  (0) 2021.06.26
Buefy UI Framewrk - Vuejs  (0) 2021.06.26
[Javascript] svelte  (0) 2019.12.03
[Javascript] ag-grid  (0) 2019.10.20
BootboxJS — Bootstrap의 모달을 쉽게 컨트롤 하자  (0) 2019.05.27

Cloud 지향하는 CockroachDB

(자동화를 지향하는 CockroachDB)


관련 자료

www.cockroachlabs.com

 

Cockroach Labs, the company building CockroachDB

 

www.cockroachlabs.com

github.com/cockroachdb/cockroach/

 

cockroachdb/cockroach

CockroachDB - the open source, cloud-native distributed SQL database. - cockroachdb/cockroach

github.com

 

 



 

자동화를 Scale-Out을 쉽게 할 수 있도록 지원하고 있다. 하지만 MongoDB와 같은 NoSql 보다는 약간 느린 경향이 있는 상태로 보여진다. 장단점을 파악해보고 필요 하면 도입을 하면 되겠다.

 

 

 

 

 

StaticGen

정적 HTML 생성툴 모음 사이트 소개

 


관련 자료

https://www.staticgen.com/

 

StaticGen | Top Open Source Static Site Generators

StaticGen is a leaderboard of the top open source static site generators. Promoting a static approach to building websites.

www.staticgen.com

https://www.staticgen.com/hugo

 

Hugo | StaticGen

StaticGen is a leaderboard of the top open source static site generators. Promoting a static approach to building websites.

www.staticgen.com

 

 



 

 

[그림1[ StaticGen 이미지

 

 

[그림2] 정적 생성에서 가장 인기 있는 HUGO 툴

가장 인기가 있는 정적 파일 생성 툴로서 많은 테마와 지원을 받고 있다. 이 툴을 이용해 생성된 HTML을 github 사이트에서 호스팅을 받아 홈페이지를 서비스할 수 있다.

 

 

svelte


관련 자료

https://svelte.dev/

 

Svelte • Cybernetically enhanced web apps

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using tec

svelte.dev

https://github.com/sveltejs/svelte

 

sveltejs/svelte

Cybernetically enhanced web apps. Contribute to sveltejs/svelte development by creating an account on GitHub.

github.com

https://svelte.dev/tutorial/basics

 

Introduction / Basics • Svelte Tutorial

Introduction / Basics a. Basicsb. Adding datac. Dynamic attributesd. Stylinge. Nested componentsf. HTML tagsg. Making an app a. Assignmentsb. Declarationsc. Statementsd. Updating arrays and objects a. Declaring propsb. Default valuesc. Spread props a. If b

svelte.dev



 

Virtual DOM을 사용하지 않고 더 적은 코드로(Vuejs, React 대비) 개발을 할 수 있는 svelte다.

[그림1] svelte 예제 화면

 

'Javascript' 카테고리의 다른 글

Buefy UI Framewrk - Vuejs  (0) 2021.06.26
Quasar UI Framewrk - Vuejs  (0) 2021.02.19
[Javascript] ag-grid  (0) 2019.10.20
BootboxJS — Bootstrap의 모달을 쉽게 컨트롤 하자  (0) 2019.05.27
Mobx - Simple, scalable state management  (0) 2019.05.11

Dapper Repository

MicroORM


관련 자료

https://dapper.phnx47.net/

 

MicroOrm.Dapper.Repositories

CRUD for Dapper

dapper.phnx47.net

https://github.com/phnx47/MicroOrm.Dapper.Repositories

 

phnx47/MicroOrm.Dapper.Repositories

CRUD for Dapper. Contribute to phnx47/MicroOrm.Dapper.Repositories development by creating an account on GitHub.

github.com

 

 

 

 

 



 

 

[그림1] MicrORM을 통한 쿼리 조회

 

 

[그림2] Repository 클래스 선언

 

아래는 관련 소스 파일을 첨부합니다.

MicroOrm.Dapper.Repositories-master.zip
0.08MB

ag-grid


관련 자료

https://www.ag-grid.com/

 

ag-Grid

ag-Grid is feature rich datagrid designed for the major JavaScript Frameworks. Version 19 is out now. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. Ou

www.ag-grid.com

https://www.ag-grid.com/example.php#/

https://www.ag-grid.com/features-overview/

https://eblo.tistory.com/33

 

AG-GRID 기본 예제

1. 기본 예제 코드 AG-GRID를 이용해서 화면에 데이터를 보여주는 예제입니다. Athlete, Age 칼럼은 좌측에 고정을 시켰습니다. HTML 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..

eblo.tistory.com

https://poponyang.tistory.com/entry/aggrid-사용기

 

ag-grid 사용기

프로젝트 요청사항에 ag-grid가 있어서 어쩔 수 없이(?) 사용해보았다. 처음 사용할 땐 역시 getting started. 간단하게 적용할 땐 문제 없는데 몇 가지 적용하려고 하니 guide의 부실함이 느껴졌다. 열심히 업데..

poponyang.tistory.com

 



 

 

 

 

[그림1] 지원 프레임워크

 

 

 

[그림2] 실시간 그리드

 

[그림3] 실시간 차트 그리드

 

 

 

 

 

 

'Javascript' 카테고리의 다른 글

Quasar UI Framewrk - Vuejs  (0) 2021.02.19
[Javascript] svelte  (0) 2019.12.03
BootboxJS — Bootstrap의 모달을 쉽게 컨트롤 하자  (0) 2019.05.27
Mobx - Simple, scalable state management  (0) 2019.05.11
BootstrapVue  (0) 2019.05.02

Embed document db - LiteDB vs RaptorDB


관련 자료

https://github.com/mgholam/RaptorDB-Document

 

mgholam/RaptorDB-Document

NoSql, JSON based, Document store database with compiled .net map functions and automatic hybrid bitmap indexing and LINQ query filters (now with standalone Server mode, Backup and Active Restore, ...

github.com

https://www.codeproject.com/Articles/375413/RaptorDB-The-Document-Store-2

 

RaptorDB - The Document Store

NoSql, JSON based, Document store database with compiled .net map functions and automatic hybrid bitmap indexing and LINQ query filters (now with standalone Server mode, Backup and Active Restore, Transactions, Server side queries, MonoDroid support, HQ-Br

www.codeproject.com

http://www.litedb.org/

 

LiteDB :: A .NET embedded NoSQL database

Standalone database LiteDB is serverless database delivered in a single DLL (less than 350kb) fully written in .NET C# managed code (compatible with .NET 3.5, 4.x, NETStandard 1.3 and 2.0). Install via NuGet or just copy DLL to your bin project folder.

www.litedb.org

 

 



 

 

RaptorDB

 JSON based, Document store database with compiled .net map functions and automatic hybrid bitmap indexing and LINQ query filters

 

 

LiteDB

 JSON based, Document store database with compiled .net map functions and automatic hybrid bitmap indexing and LINQ query filtersEmbedded NoSQL database for .NET - An open source MongoDB-like database with zero configuration - mobile ready

 

 

두가지 중에 LiteDB가 모바일 기기도 지원하고, MongoDB와 비슷한 경험으로 사용할 수 있다. 그래서 LiteDB를 더 추천드린다.

 

Bootstrap free template 소개


관련 자료

https://themequarry.com/category/free

 

Free High Quality Website Templates | ThemeQuarry

DETAILS DEMO

themequarry.com

https://material-dashboard-laravel.creative-tim.com/home

 

Material Dashboard Laravel by Creative Tim

Material Dashboard Laravel is a Free Material Bootstrap Admin Preset for Laravel with a fresh, new design inspired by Google's Material Design.

material-dashboard-laravel.creative-tim.com

https://www.pikeadmin.com/demo/

 

Pike Admin - Free Bootstrap 4 Admin Template

Orders 1,587 15 New Orders

www.pikeadmin.com

 



https://www.themequarry.com에서 무료 카테고리로 들어가면 여러가지 공짜 템플릿을 살펴 볼 수가 있다.

 

[그림] 템플릿 화면

 

 

 

 

+ Recent posts