아이오닉(모바일 앱 프레임워크)

Ionic (mobile app framework)
이오닉
Ionic-logo-landscape.svg
개발자드리피[1]
초기 릴리즈2013; 9년 전(2013년)
안정적 해제
5.6.12 / 2021년 7월 21일; 7개월 전(2021-07-21)
리포지토리
기록 위치자바스크립트
유형소프트웨어 프레임워크
면허증MIT 라이선스
웹사이트ionicframework.com

아이오닉은 2013년 맥스린치, 벤 스퍼리, 드리피사의 애덤 브래들리가 만든 하이브리드 모바일 앱 개발을 위한 완전한 오픈소스 SDK이다.[3]오리지널 버전은 2013년 출시돼 앵글 위에 빌드됐다.JS와 아파치 코도바.그러나 최신 릴리즈는 웹 컴포넌트 세트로 재구축되어 사용자가 각도, 리액션 또는 Vue.js와 같은 사용자 인터페이스 프레임워크를 선택할 수 있게 되었다.또한 사용자 인터페이스 프레임워크가 전혀 없는 Ionic 컴포넌트의 사용을 허용한다.[4]아이오닉은 CSS, HTML5, Sass와 같은 웹 기술을 사용하여 현대적인 웹 개발 기술과 관행에 기반한 하이브리드 모바일, 데스크탑, 진보적인 웹 앱을 개발하기 위한 도구와 서비스를 제공한다.특히 모바일 앱은 이들 웹 기술로 구축한 뒤 코도바나 캐패시터를 활용해 장치에 설치할 수 있는 토종 앱스토어를 통해 배포할 수 있다.[5]

역사

아이오닉은 2013년 드리피사에 의해 만들어졌다.2013년 11월 프레임워크 알파 버전을 출시한 후 2014년 3월 1.0 베타 버전, 2015년 5월 1.0 결승전, 2016년 여러 2.0 버전이 출시됐다.[citation needed]

아이오닉 4는 2019년 1월부터 개발자가 앵글라이크 리액션, Vue.js, 웹 컴포넌트 외에 다른 프레임워크를 선택할 수 있도록 했다.[6]

서비스 및 기능

Ionic은 Cordova와 더 최근에는 Capacitor 플러그인을 사용하여 카메라, GPS, 플래시라이트 등과 같은 호스트 운영 체제 기능에 액세스한다.[7][8][9]사용자들은 앱을 만들 수 있고, 안드로이드, iOS, 윈도, 데스크톱(일렉트로닉과 함께), 또는 현대 브라우저에 맞게 사용자 정의될 수 있다.[10]아이오닉은 단순화된 '아이오닉' 명령줄 도구로 빌드 도구인 코르도바 또는 캐패시터를 감싸 앱 구축 및 배치가 가능하다.[11]

아이오닉은 모바일 컴포넌트, 타이포그래피, 인터랙티브 패러다임, 확장 가능한 기본 테마를 포함한다.[12]

Ionic은 웹 구성요소를 사용하여 구성요소와 상호 작용하기 위한 사용자 정의 구성요소와 방법을 제공한다.이러한 구성 요소 중 하나인 가상 스크롤은 사용자가 성능 적중 없이 수천 개의 항목 목록을 스크롤할 수 있도록 한다.또 다른 구성요소인 탭은 네이티브 스타일의 탐색 및 기록 상태 관리를 지원하는 탭 인터페이스를 만든다.[citation needed]

아이오닉은 SDK 외에도 코드 배포, 자동 빌드 등의 기능을 활성화하기 위해 개발자가 사용할 수 있는 서비스도 제공한다.아이오닉은 또한 아이오닉 스튜디오로 알려진 자체 IDE를 제공한다.[citation needed]

Ionic은 프로젝트를 생성하기 위한 명령줄 인터페이스(CLI)도 제공한다.또한 CLI를 통해 개발자는 코르도바 플러그인과 추가 프런트 엔드 패키지를 추가하고 푸시 알림을 활성화하며 앱 아이콘과 스플래시 화면을 생성하고 네이티브 바이너리를 구축할 수 있다.[13]

지원되는 플랫폼

안드로이드의 경우 아이오닉은 안드로이드 4.4 이상을 지원한다.iOS의 경우 Ionic은 iOS 10 이상을 지원한다.[14]Ionic 2는 Windows 10 앱 구축을 위한 Universal Windows Platform을 지원한다.[15]Angul.js를 기반으로 하는 Ionic Framework는 BlackBerry 10 앱을 지원한다.[16]

퍼포먼스

아이오닉 앱은 기본 코드와 웹 코드의 혼합으로 실행되어, 필요한 경우 기본 기능에 대한 완전한 액세스를 제공하며, 표준 웹 기술로 구축된 앱의 UI의 대부분을 제공한다.아이오닉은 브라우저(CSS 애니메이션 등)에서 사용할 수 있는 네이티브 하드웨어 가속 기능을 활용하고 렌더링을 최적화(고가의 DOM 조작 방지)한다.아이오닉은 GPU를 활용하고 사용 가능한 프로세서 시간을 극대화하기 위한 방법으로 CSS 전환과 애니메이션을 활용한다.[citation needed]

설치

Ionic은 npm 모듈이며 Node.js가 필요하다.[17]

참조

  1. ^ Sarah Perez (10 March 2014). "Drifty, Makers Of The Ionic Mobile Framework, Raise $1 Million". Retrieved 14 March 2015.
  2. ^ "Releases · ionic-team/ionic-framework". GitHub. Retrieved 4 August 2021.
  3. ^ Drifty, Inc (2016). "Ionic Documentation Overview - License".
  4. ^ "Introducing Ionic 4: Ionic for Everyone". 23 January 2019.
  5. ^ Drifty. "Ionic Framework". Retrieved 16 July 2017.
  6. ^ "Comparing v4.0.0-rc.3/v4.0.0 · ionic-team/ionic-framework". GitHub.
  7. ^ "Cordova Plugins". docs.usecreator.com. Retrieved 2 June 2018.
  8. ^ "Attractive Features Of Ionic App Development Framework". Retrieved 2 June 2018.
  9. ^ Drifty. "Ionic Framework". Retrieved 2 June 2018.
  10. ^ Drifty. "Ionic Framework". Retrieved 2 June 2018.
  11. ^ "Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps - Thinkster". thinkster.io. Retrieved 2 June 2018.
  12. ^ Ionic. "Theming Basics - Ionic Documentation". Ionic Docs. Retrieved 26 November 2019.
  13. ^ Ionic. "Installing Ionic - Ionic Documentation". Ionic Docs. Retrieved 26 November 2019.
  14. ^ "Browser Support - Ionic Documentation". Retrieved 19 December 2019.{{cite web}}: CS1 maint : url-status (링크)
  15. ^ "Announcing Windows Support in Ionic 2". 29 March 2016. Retrieved 22 April 2016.{{cite web}}: CS1 maint : url-status (링크)
  16. ^ "Top JavaScript Frameworks for Enterprise Mobility". Retrieved 21 September 2015.{{cite web}}: CS1 maint : url-status (링크)
  17. ^ "Free Mobile App Development: Getting Started with Ionic Apps".

외부 링크