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

Manifest.json과 PWA(Progressive Web App)

# PWA란?음, 아직은 명확하지 않지만, 어떠한 플랫폼, 모바일 환경이든지 동작할 수 있는 App을 의미한다. # src/Manifest.json 파일어떠한 환경에서도 모바일처럼 작동하기위해 PWA과 관련되 전반적인 설정을 담고 있는 파일이라고 생각하면 될 것 같다. { "name": "Ionic Conference", "short_name": "Ionic Conference", "start_url": "index.html", "display": "standalone", "icons": [ { "src": "assets/img/appicon.png", "sizes": "512x512", "type": "image/png" } ], "background_color": "#387ef5", "theme_co..

2020. 8. 6. 23:29
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

Bug Report

# 태그를 태그 안에 사용시, 화면이 적당하게 표시되지 않음 - 원인 : 가 load되는 시점하고, full-calendar가 load 되는 시점이 다른 듯 하다. - 해결책 : 를 삭제 후, 로 대체 - 출처 : # 태그가 포함된 Component 상에서, custom css가 먹히지 않음 - 원인 : Angular는 기본적으로 View Encapsulation이라는 작업이 되어 있어, 커스텀 컴포넌트나 모듈 내에 속하는 Style 속성을 외부로부터 접근하기 어렵도록 보호하고 있다. 그렇기 때문에, 커스텀 컴포넌트를 사용하는 컴포넌트가 커스텀 컴포넌트에 영향을 주는 css를 일반적으로 적용하면 적용이되지 않는 것이다. - 해결책 : " overwrite some of the CSS properties ..

2020. 8. 6. 17:17
[DEV] Developer 회고

Quartz Cron vs 일반 Cron 비교

# 개요 프로젝트 개발 중에, cron을 사용해야하는 경우가 생겨서, 조사하게 되었다. 하나로 통일했으면 좋았을 텐데, 또 별도로 나뉘었다. # Quartz Cron Expression Format Quartz Cron Expressions Support up to Seven Fields Name Required Allowed Values SpecialCharacters Seconds Yes 0-59 , - * / Minutes Yes 0-59 , - * / Hours Yes 0-23 , - * / Day of Month Yes 1-31 , - * ? / L W C Month Yes 1-12 or JAN-DEC , - * / Day of Week Yes 1-7 or SUN-SAT , - * ? / L C..

2020. 8. 6. 10:58
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

Ionic 전체 프로젝트 구조 설계

# index.html # app.component.html # pages 생성ionic g page pages/login ionic g page pages/dashboard ionic g page pages/details # app-routing.module.tsimport { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; const routes: Routes = [ { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', loadChildren: './pages/login/login.module#LoginPageModul..

2020. 8. 5. 14:24
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

Angular Project 구조

# 개요Angular 프로젝트의 이상적인 directory 구조에 대해 알아보자. # 이름 규칙- Service 이름 : 해당 Feature에 해당하는 키워드를 항상 사용할 것Here is a compliant folder and file structure:srcappcoreexception.service.ts|spec.tslogger.service.ts|spec.tsuser-profile.service.ts|spec.tsheroeshero-detailhero-detail.component.ts|html|css|spec.ts //Detail.page 느낌hero-listhero-list.component.ts|html|css|spec.ts //Home.page 느낌shared(생략 가능)hero-butt..

2020. 8. 5. 14:01
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

Angular Project와 FullCalendar 통합하기

# 개요Full Calendar는 달과 관련된 작업을 완전히 처리할 수 있는 js 라이브러리이다. 해당 FullCalendar를 Angular에 적용하는 방법에 대해 알아보겠다. # fullcalendar-angular 설치- ng g page calendar캘린더 페이지 생성- npm install --save @fullcalendar/angular @fullcalendar/daygrid @fullcalendar/interaction # fullcalendar 모듈 import- calendar.module.ts 내 FullCalendarModule importimport { BrowserModule } from '@angular/platform-browser'; import { NgModule } f..

2020. 8. 5. 11:14