전체 글 검색 결과
275 개의 검색 결과가 있습니다.
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

Ionic Sqlite 연동하기

# 사전 준비사항가장 먼저 최신버전의 Node.js가 설치되어 있고, 커맨드창에서 npm install 명령어가 사용가능하여야 한다. # 새로운 Ionic Application 생성1. npm install -g cordova ioniccordova cli와 ionic cli를 global로 설치한다. 2. ionic -vionic cli가 정상적으로 설치되었는지 확인한다. 3. ionic start ionic-sqlite-app blank --type=angularionic cli를 통해 빈 ionic 프로젝트를 생성한다. 4. cd ionic-sqlite-app && ionic serveionic serve 명령어를 통해, 정상적으로 localhost:8100이 실행되는지 체크한다. # dump Sq..

2020. 8. 4. 16:47
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

Ionic 기초

# 개요최근에 개인 프로젝트를 탐색하는 중에, 여러가지 프레임워크를 찾아야되는 경우가 생겼다. react-native 등 많은 프레임워크를 탐색해보았으나, 결국은 Ionic을 최종적으로 선택하게 되었다. 왜냐하면 HTML5 기반의 웹뷰 방식으로, 안드로이드, 아이폰 두마리의 토끼를 동시에 잡을 수 있기 때문이다. 성능은 어쩔 수 없지만... 내 한정된 시간으로는 이게 최선일 듯 싶다. 더불어, Cordova? 라는 모듈이 안드로이드와 아이폰의 Native 기능인 SQLite를 사용할 수 있게 해주기 때문에, Ionic을 최종적으로 선택하였다. # Ionic 기초 정보- Angular 프레임워크 기반으로, 프로젝트가 생성되고, Angular와 동일하게 TypeScript를 메인 언어로 사용한다.- Ioni..

2020. 8. 4. 16:44
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

Angular Routing

# 개요 - 앵귤러 같은 경우, Routing을 너무 편하게 해둔 것 같다. 적용 순서는 아래와 같다. # app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { RouterModule, Routes } from '@angular/router'; import { AppComponent } from './app.component'; import { CrisisListComponent } from './crisis-list/crisis-list.component'..

2020. 8. 3. 17:20
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

Angular 일반지식

# Annotation 이란? - Angular에서는 Annotation 중요 합니다. Annotation에 다라 Class의 역할이 달라지기 때문입니다. - Annotation의 용도는 Class를 어떤 용도로 사용할 것인지를 정해주는 용도 입니다. - Annotation은 class위에 @를 사용해서 정의합니다. -> class에 @Component를 사용 하면 해당 class는 Component가 됩니다. -> class에 @NgModule을 사용 하면 해당 class를 Module이 됩니다. -> class에 @Directive를 사용하면 해당 class는 Directive가 됩니다. - Annotation은 class의 용도를 좀더 잘 설명하기위해서 metadata를 사용하여 좀더 상세하게 정의..

2020. 8. 3. 11:04
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

Angular Directive (미완)

# Directive란? - 번역하면, 지시자를 의미 - HTML에 Angular가 간섭할 부분을 표시하는 요소 - Component 또한 Template(html)이 포함된 Directive라고 할 수 있음 ex. //부분에 app-component 템플릿을 표출해달라는 의미 # Directive의 종류 - Structural Directive : DOM을 추가하거나 제거 ex. *ngIf, *ngFor //* 기호가 structural directive라는 것을 의미 ₩ - Attribute Directive : 이미 있는 DOM에 스타일이나 동작을 부여 ex. ngStyle, ngClass @Directive({ selector: '[ngStyle]' }) class NgStyle implement..

2020. 8. 3. 10:59
[DEV] Programming Lang/Kotlin

[Kotlin] Cheat Sheet

개요 어차피 요즘 나오는 언어들이 추구하는 방향이 비슷한 것 같다. JS의 최신 문법들을 확인하다보면, 코틀린도 별반 다를 것 없다는 생각이 든다. 화살표 함수, 리터럴, 맵, 리듀스 등등 편의성을 향상시켜 놓은 것이 전부이다. 그렇기 때문에 빠르게 Cheating Sheet를 정리하겠다. 기본 1. Hello World 프로그램 구성 fun main(args: Array){ pringln("Hello, World") } // fun : 함수 예약어 / main : 함수명 / args : 입력파라미터명 / Array : 입력파라미터 타입 2. 함수 선언 fun sum(a:Int, b:Int): Int { return a + b } // fun : 함수 예약어 / a,b : 입력파라미터명 / ':Int' ..

2020. 7. 31. 13:03