본문 바로가기
프로그래밍/Flutter

[Flutter] 12. 플러터 패키지(package) 추가하기

by 신나요 2022. 2. 24.

플러터에서 http통신을 통해 데이터를 가져오기 위해서 http 패키지를 프로젝트에 추가해야 합니다.

외부 패키지를 프로젝트에 추가하는 방법을 알아보겠습니다.

 

이번 글은 다음 내용을 다루고 있습니다.

  1. 패키지란?
  2. 패키지를 프로젝트에 추가하는 순서
  3. pub.dev에서 플러터 패키지 찾기
  4. pubspec.yaml에 의존성 추가, 인스톨 하기
  5. 패키지 import 하기

패키지 란?

플러터에서 사용할 있는 훌륭한 기능 하나는 패키지입니다. 패키지를 간단히 얘기하면 앱에 일부 기능을 추가해주는 코드 컨테이너입니다. 즉 다른 사람이 작성한 코드를 활용해 프로젝트 안에서 쉽게 포함할 있습니다.  프로젝트에 패키지를 포함하는 것은 매우 간단합니다.

 

패키지를 프로젝트에 추가하는 순서

1. 먼저 프로젝트에 포함하려는 패키지를 찾습니다.

2. 다음 pubspec.yaml 파일에 패키지를 추가해 설치합니다.

3. 패키지의 기능을 하용해야  파일에서 패키지를 import합니다.

순서대로 http패키지를 프로젝트에 추가해 보겠습니다.


1. pub.dev에서 플러터 패키지 찾기

플러터용 패키지는 pub.dev에서 찾을 있습니다. 이곳은 모든 패키지가 게시되는 저장소이며 자신의 패키지를 게시할 있는 곳이기도 합니다.

페이지 중앙의 검색창에서 필요한 패키지를 검색할 있습니다.

예를 들어 http 입력하면 관련성 기준으로 정렬된 결과가 표시됩니다.

검색 결과 화면에서 패키지가 작동하는 플랫폼 목록, null safety 여부, 좋아요 수, 인기도 패키지에 대한 유용한 정보를 제공하고 있습니다. pub points 패키지의 품질 점수를 나타냅니다. 품질 점수는 패키지가 신뢰할 있고 유지된다는 것을 의미합니다.

http패키지는 pub point 가 130점 만점에 130점으로 매우 우수한 패키지임을 있습니다.

http package


2. 패키지 프로젝트에 설치 하기, pubsepc.yaml에 의존성 추가

앱에 필요한 패키지를 찾았으니 프로젝트에 설치해 보겠습니다. pub.dev 검색 결과에서 패키지 이름을 클릭 하면 설치 페이지가 나옵니다. 설치 페이지에서 installing탭을 선택한 dependency 아래에 있는 문자열을 복사해서 이용하면 됩니다

 

모든 플러터 프로젝트에는 플러터 루트폴더에서 찾을 있는 pubspec.yaml이라는 파일이 있습니다. pubspec.yaml 에서 앱에 필요한 모든 라이브러리와 패키지를 포함하는 모든 종속성을 지정할 수 있습니다.

 

복사한 문자열을 dependencies섹션에 붙여넣으면 패키지를 설치할 수 있습니다. 패키지명과 버전을 적으면 vscode에서 자동으로 패키지를 인스톨합니다. 만약에 자동으로 인스톨 되지 않는다면 우측 상단의 다운로드 버튼을 클릭하면 인스톨을 시작합니다.

 pub.dev의 설치 페이지에도 나와있듯이 커맨드 창에 아래와 같이 입력해도 수동으로 설치가 가능합니다. 특별한 경우가 가 아니라면 vscode에서 dependency를 선언함과 동시에 패키지를 자동으로 설치하므로 커맨드로 굳이 설치하는 일을 없을 것 같습니다.

flutter pub add http

일반적으로 프로젝트에 종속성을 추가할 패키지 버전이 자주 변경되므로 pub.dev사이트로 이동하는 것이 좋은 습관이며, 개선 수정사항이 포함한 최신 버전을 사용하는 것이 좋습니다.


3. 패키지를 import 하기

http패키지를 이용할 때는 pub.dev 나와있는 import문으로 파일에서 선언하여 사용할 있습니다.

lib폴더에 data폴더를 생성하였고, http_helper.dart파일을 작성하였습니다. 이곳에서 http패키지를 사용하고 싶으므로 import문을 넣어 두겠습니다.

이것으로 http 통신을 하기 위한 패키지 준비는 끝이 났습니다.


여기까지 수고하셨습니다. 다음 포스트에서는 날씨 api 사용해서 http통신을 해보도록 하겠습니다.

댓글