플러터 pubspec.yaml 사용할 패키지 가져오기(이미지,폰트)

플러터

플러터 pubspc.yaml 파일 소개 및 활용법

 

플러터의 pubspec.yaml 파일은 플러터 프로젝트의 메타 정보를 담고 있는 마크업 파일로써 프로젝트에 필요한 설정값들을 다루고 있는 파일이라고 할수 있습니다.

(메타정보 : 프로젝트 이름, 설명, 버전 정보 등)

 

pubspec.yaml 주요 사용 부분은 3가지 정도로 패키지 가져오기, 이미지 가져오기, 폰트 가져오기로 주로 사용하게 됩니다.

이 3가지의 부분의 예시를 작성해 봅니다.

 

 

1. 사용할 패키지 가져오기

플러터 프로젝트 개발중 외부의 패키지를 가져와야 할 경우, pubspec.yaml 파일의 내용중 dependencies 영역에 필요한 패키지를 입력 합니다. denpendencies 영역에 패키지를 입력후 flutter pub get 명령어(또는 pub get 버튼 클릭)를 실행하면 입력한 외부 패키지를 찾아 프로젝트로 가져오게 됩니다.

--pubspec.yaml 파일-- dependencies:   flutter_test:     sdk: flutter   webview_flutter: 2.3.1  // 웹뷰 외부 패키지 추가

 

추가 적으로 외부 패키지를 가져오기 위해 꼭 pubspec.yaml을 직접 수정하지 않고 console 창에 명령어로도 패키지를 추가 할수 있다. ( 예 : flutter pub add webview_flutter ) 명령어가 정상적으로 수행되고 난후 pubspec.yaml 파일의 내용을 보면 명령어로 추가한 패키지가 들어와 있는것을 확인 할수 있습니다.

어떠한 외부 패키지가 있는지 확인이 필요할경우 아래 사이트에서 찾아 사용하면 됩니다.

https://pub.dev/

The official repository for Dart and Flutter packages.

 

 

2. 이미지 가져오기

플러터는 프로젝트 내에서 사용할 이미지 리소스를 pubspec.yaml 파일에 미리 정의를 해주어야 합니다.

리소스를 입력하는 부분은 pubspec.yaml 파일의  flutter.assets 영역이며 하기와 같이 폴더 또는 파일 단위로 추가할수 있습니다.

--pubspec.yaml 파일-- flutter:   assets:     - assets/    // 프로젝트의 assets 경로의 리소스를 통째로 등록     - images/myimage.jpg   // images 폴더안의 myimage.jpg 파일을 리소스로 등록

 

 

3. 폰트 가져오기

외부 폰트를 사용하는 방법에는 두가지가 있습니다.

pub.dev에서 제공하는 폰트 패키지를 가져오는 방법과 프로젝트에 등록된 폰트를 font 리소스로 등록하는 방법 입니다.

 

1) 외부 패키지에서 불러오기

외부 패키지에서 불러오는 방법은 위에서 햇던 방식과 마찮가지로 dependencies 영역에 추가 또는 pub get 명령어를 통해 추가 하는 방법 입니다.

--pubspec.yaml 파일-- dependencies:   flutter:     sdk: flutter     cupertino_icons: ^1.0.2   google_fonts: ^6.2.0   // 또는 console에서 flutter pub add google_fonts

 

2) 리소스 불러오기

다음은 프로젝트 내의 font 리소스를 등록하는 방법 입니다.

--pubspec.yaml 파일-- fonts:   - family: Schyler     fonts:       - asset: fonts/Schyler-Regular.ttf       - asset: fonts/Schyler-Italic.ttf         style: italic