| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 28 | 29 | 30 |
- 미디어쿼리
- Database
- FFT
- 반응형웹
- rnn
- CSS
- FileWriter
- css 기초
- inline
- ObjectOutputStream
- java
- iframe 태그
- BorderLayout
- GridLayout
- Position
- 파이썬
- 퍼셉트론
- 반응형 웹 프로젝트
- 사전학습
- FlowLayout
- html 기초
- 메서드
- html 프로젝트
- oracle
- 예제
- 상속
- HTML
- g검정
- 푸리에 변환
- Codility
- Today
- Total
도라에몽주머니
[App] Monaca란? 본문
오늘은 일본의 애플리케이션 개발 프레임워크인 모나카(Monaca) 에 대해서 정리해보려고 한다.

애플리케이션의 종류
모바일 앱은 크게 네이티브 앱(Native App), 하이브리드 앱(Hybrid App), 프로그레시브 웹 앱(Progressive Web App) 으로 나눌 수 있다.
어떤 솔루션을 이용해 앱을 개발할지는 프로젝트에 따라 다르기 때문에 어떤게 좋고 어떤게 나쁘다고 할 수는 없다.
(대학생 때 한번 안드로이드 스튜디오를 만져본 적이 있는데, 당시에는 이런 다양한 솔루션이 있다는걸 모르고 배웠던 것 같다.)

네이티브 앱(Native App): 모바일 기기에 최적화된 네이티브 언어로 개발된 앱을 의미. Kotlin, Java, Swift 등을 활용해 작성
하이브리드 앱(Hybrid App): 네이티브 앱과 프로그레시브 웹 앱의 개발방식을 모두 사용.
프로그레시브 웹 앱(Progressive Web App): 네이티브 앱처럼 보이지만 웹 기술을 활용하여 만들어진 앱. HTML, CSS, JavaScript 등을 활용해 작성.
모나카(Monaca)
Monaca - すべての人にアプリ開発を
Monacaは最新のWeb技術を活用したアプリ開発ソリューション。クロスプラットフォーム開発の効率化、組織の開発プロセスの標準化を実現します。
ja.monaca.io
모나카는 위에서 설명한 3가지 애플리케이션 종류 중 하이브리드 앱(Hybrid App) 에 해당한다.
기본적으로는 웹 앱의 형식으로 작성하므로, HTML, CSS, JavaScript 를 활용해 간단한 개발이 가능하다.
(네이티브 앱에 비해서는 구동이 느리기 때문에 고도의 앱 개발은 조금 힘들 듯하고 단순한 기능의 토이프로젝트 등에 활용해 볼 수는 있을듯?)

Onsen UI
Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools
Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. Th
onsen.io
모나카(Monaca) 는 다양한 API를 활용해 앱을 개발할 수 있는데, 이번에는 UI를 간단하게 작성할 수 있는 Onsen UI를 사용해보았다.
Github 문서도 있으니 참고해서 읽어보면 좋을 듯 하다.
https://github.com/OnsenUI/awesome-onsenui
GitHub - OnsenUI/awesome-onsenui: A curated list of awesome Onsen UI resources.
A curated list of awesome Onsen UI resources. Contribute to OnsenUI/awesome-onsenui development by creating an account on GitHub.
github.com
'Study' 카테고리의 다른 글
| 소프트웨어 아키텍처 ; 어니언 아키텍처 (2) | 2024.07.23 |
|---|---|
| [Google Colaboratory] 구글 코랩으로 시크릿(Secrets) 관리하기 (0) | 2024.07.19 |
| [GitHub] GitHub Actions 란? (0) | 2024.05.29 |
| [CI/CD] CI/CD 란 무엇일까? (0) | 2024.05.29 |
| [Git] 깃(Git)과 깃허브(Github) (0) | 2024.05.18 |