3. [스벨트킷모바일앱개발] 아이오닉 사용해서 앱 UI만들기

routes폴더에 들어가 +layout을 들어가보면

import 'ionic-svelte/components/all';

ionic의 모든 컴포넌트를 가져오는 걸 볼 수 있다. 이렇게 레이아웃에 컴포넌트를 불러오는 것이 있기 때문에 페이지에서 컴포넌트를 사용할 때 import를 따로 하지 않고 컴포넌트를 사용할 수 있다.

 

 

1. 일단 아래의 사이트를 들어간다. ionic의 컴포넌트 다큐먼트페이지다.

 

https://ionicframework.com/docs/components

UI Components | Ionic Documentation

 

여기를 들어가서 사용할 컴포넌트의 자바스크립트 코드를 복사한 뒤 붙여넣기 한다.

 

 

그러면 아래 스크린샷 처럼 쉽게 UI를 만들 수 있다.