[태그:] Ionic

Ionic Framework이 무엇입니까?

Posted on | by Jinbaek Lee

Ionic Framework는 (HTML, CSS, 자바스크립트와 같은) 웹 기술을 이용한 고성능, 고품질 모바일 및 데스크톱 앱을 구축하기 위한 오픈 소스 UI 툴킷입니다.

Ionic Framework는 프론트엔드 사용자 경험이나 앱의 UI 상호 작용 (컨트롤, 상호작용, 제스쳐, 애니메이션)에 중점을 둡니다. 배우기 쉽고, Angular와 같은 다른 라이브러리와 쉽게 잘 통합되거나, 간단한 스크립트를 사용하고 프론트 프레임워크 없이 단독형으로 사용될 수도 있습니다.

현재 Ionic Frameworksms Angular와 React와 공식적으로 연계되며, Vue는 개발중입니다. Ionic Framework를 본격적으로 시작하기 전에 더 배워보고 싶은 분들을 위해, 기본을 살펴보는 비디오를 만들었습니다.

목표

크로스 플랫폼

단 한 개의 코드 베이스로 네이티브 iOS, Android, 데스크톱, 프로그래시브 웹 앱과 같은 멀티 플랫폼에 걸쳐서 작동하는 앱을 만들고 배포해보세요. 한 번의 작성으로 여러 곳에서 실행해보세요.

웹 표준 기반

Ionic Framework는 사용자 컨트롤과 쉐도우 DOM 등 현대 웹 API를 사용하는 HTML, CSS와 JavaScript 같은, 가장 믿을 수 있고 표준화된 웹 기술로 만들어졌습니다. 이 탓에, Ionic 컴포넌트는 안정적인 API를 갖고 있으며, 불안정한 단일 플랫폼 공급자가 아닙니다.

아름다운 디자인

깔끔하고 단순하며 기능적입니다. Ionic Framework는 모든 플랫폼을 막론하고 결과물을 아름답게 표시하고 작동하도록 디자인되었습ㅈ니다. 미리 디자인된 컴포넌트, 타이포그래피, 대화형 패러다임, 멋진 (확장 가능한) 기본 테마와 함께 시작해보세요.

단순함

Ionic Framework는 즐겁게 Ionic 앱을 만들고, 배우기 쉬우며, 웹 개발 기술을 가진 누구든지 접근할 수 있도록 복잡하지 않게 만들어졌습니다.

라이센스

Ionic Framework는 허용 가능한 MIT 라이센스 하에서 배포되는 무료 오픈 소스 프로젝트입니다. 이는 개인과 상용 프로젝트에 무료로 쓰일 수 있다는 것입니다. MIT는 jQuery, Ruby on Rails와 같은 유명한 프로젝트에도 똑같이 쓰인 라이센스입니다.

이 문서 내용(ionic-docs 저장소에 있는)은 Apache 2 라이센스로 보호됩니다.

Ionic CLI

공식적인 Ionic CLI 또는 명령줄 인터페이스는 빠르게 Ionic 앱을 구축하고 Ionic 개발자에게 유용한 수많은 명령을 제공합니다. Ionic의 설치와 업데이트 뿐만 아니라, CLI에는 내장 개발 서버, 빌드 및 디버깅 도구 등을 포함합니다. Ionic Appflow 사용자라면, CLI는 클라우드 빌드와 배포까지 수행하고, 여러분의 계정을 관리하는데도 쓰일 수 있습니다.

Framework 호환성

과거 버전의 Ionic은 Angular와 깊이 묶여 있었지만,  V4 프레임워크는 Angular와 같은 최신 JavaScript 프레임워크와 결합된 단독 웹 컴포넌트 라이브러리로 작동하도록 재구축되었습니다. Ionic은 비록 완전한 웹 컴포넌트 지원을 위해 shim이 필요하지만, 성공적으로 React와 Vue 같은 대부분의 프론트엔드 프레임워크에 쓰일 수 있습니다.

JavaScript

Ionic 4의 주요 목표 중 하나는 컴포넌트를 제공하기 위한 단일 프레임워크에 대한 강한 의존을 제거하는 것이었습니다. 즉, 코어 컴포넌트가 웹 페이지에서 스크립트 태그만으로 단독 작동이 가능하다는 것입니다. 프레임워크와 작동하는 것이 대규모 팀과 대규모 앱에서 최적일 수 있지만, WordPress와 같은 단일 페이지 내용에서도 단독 라이브러리로 Ionic을 사용할 수 있다는 것입니다.

Angular

Angular는 Ionic을 쓸만하게 만든 존재였습니다. 코어 컴포넌트가 단독 웹 컴포넌트 라이브러리로 작동하도록 쓰였지만, @ionic/angular 패키지는 Angular 생태계와의 통합을 용이하게 만듭니다. @ionic/angular는 Ionic 2/3에서 넘어온 Angular 개발자들이 기대하는 기능을 제공하며, Angular 라우터와 같은 코어 Angular 라이브러리와 통합합니다.

React

Ionic은 널리 쓰이고 있는 React 라이브러리에 대한 공식 지원을 제공합니다. Ionic React는 React 개발자들이 iOS, Android, 데스크톱을 타겟으로 하는 앱을 만들 수 있는 기존의 웹 기술을 사용할 수 있게 합니다. @ionic/react와 함께, 여러분은 네이티브 React 컴포넌트를 쓰는 기분으로 모든 코어 ionic 컴포넌트를 사용할 수 있습니다.

미래 지원

다른 프레임워크에 대한 지원도 곧 릴리즈될 것으로 기대됩니다. 현재 Vue에 대한 공식 바인딩이 개발되고 있지만, 일부 컴포넌트는 해당 프레임워크에서 즉시 작동 가능합니다.

Ionic Framework V4+

Ionic 프레임워크 V4는 성능, 호환성과 전체적인 확장성에 중점을 둔, 기저 기술과 프로젝트 가능성의 중요한 진보입니다. V4가 Angular와 @ionic/angular 패키지로 여전히 깊이 결합되긴 하지만, 이제는 프레임워크에 구애받지 않는데, 다시 말해 어떤 다른 JavaScript 프레임워크든지 (Vue, React, Preact 등), 또는 프레임워크가 없든지 작동한다는 것입니다.

웹 표준으로 이동하면서, V4는 Ionic 코어가 프레임워크 의존적인 모델에서 벗어나 현대 브라우저에서 지원되는 표준 컴포넌트 모델에 의존할 수 있게 됩니다. 더 빠른 로드 시간, 더 나은 성능, 적은 코드양을 보여줍니다.

Ionic Appflow

Ionic 앱의 생애주기 관리를 지원하기 위해, Ionic Appflow라고 하는, 개발앱을 위한, 오픈 소스 프레임워크와 별도의 상용 앱 플랫폼을 제공합니다.

Ionic Appflow는 개발자와 팀이 중앙화된 대시보드에서 네이티브 앱을 컴파일하고 라이브 코드 업데이트를 배포하는데 도움을 줍니다. 워크플로우 자동화, 단일 로그인(SSO)과 연결된 서비스와 통합에 대한 접근 같은 고급 기능을 위해 유료 업그레이드 옵션을 사용할 수 있습니다.

Appflow에는 Ionic 계정이 필요하며, 일부 기능을 가지고 놀고 싶은 사람들을 위해 무료 “스타터” 플랜도 있습니다.

생태계

Ionic Framework는 코어팀에 의해 풀타임으로 활발하게 개발되고 유지되고 있으며, 성장과 도입을 촉진하는 전세계 개발자와 기여자 커뮤니티에 의해 생태계가 조성되고 있습니다. 개발자와 크고 작은 회사는 Ionic을 사용하여 어디서나 실행되는 놀라운 앱을 빌드하고 제공합니다.

커뮤니티 가입

전세계 200여 개 나라에 수백만의 Ionic 개발자가 있습니다. 가입하는 방법은 다음과 같습니다.

  • 포럼: 질문하고 아이디어를 나누기 좋은 곳입니다.
  • 슬랙: 개발자들이 만나서 실시간으로 대화를 나누는 활기찬 곳입니다.
  • 트위터: 업데이트를 올리고 Ionic 커뮤니티의 내용을 공유하는 곳입니다.
  • GitHub: 버그를 보고하고, 새 기능을 요청하고, 이슈를 만드는 곳입니다. 풀 리퀘스트도 환영합니다!
  • 글 작성하기: 기술 블록그를 쓰고 Ionic 커뮤니티에서 여러분의 이야기를 나누세요.