[Flutter] pub.dev 패키지 설치하는 방법

Flutter에서는 외부 라이브러리를 쉽게 사용할 수 있도록 pub.dev(https://pub.dev)라는 공식 패키지 저장소를 제공하고 있다.

pub.dev를 통해 필요한 기능을 검색하고 프로젝트에 손쉽게 추가할 수 있다.(node.js의 npm이랑 비슷하다고 보면 된다.)

이 글에서는 대표적인 HTTP 통신 패키지인 http를 예시로 했다.

 

* Flutter에서 사용되는 모든 패키지는 프로젝트 단위로 관리된다. 각각의 프로젝트에 의존성을 정의하고 사용해야 한다. 

  (이유는 아래 설치하는 부분을 보면 이해할 수 있음)

1.  패키지 검색

pub.dev(https://pub.dev) 접속 -> 검색창에 패키지 검색(http 검색)

 

클릭하여 들어가면 아래와 같이, 패키지에 관한 설명이 나온다.

누가 만들었는지, 어떤 플랫폼에서 사용 가능한지 등 설치 방법, 사용 방법등이 나와있다.

 

2.  설치 방법

2-1. 커맨드 라인에 명령어로 실행하여 설치하는 방법

터미널(명령 프롬프트 또는 VS Code의 터미널)을 열고 다음 명령어를 입력

flutter pub add http

 

이 명령어는 pubspec.yaml 파일에 http 패키지를 자동으로 추가하고, 필요한 의존성도 함께 설치한다.

실행 후 pubspec.yaml 파일을 확인하면 다음과 같이 추가되어 있는 것을 볼 수 있다.

 

dependencies:
  flutter:
    sdk: flutter
  http: ^1.4.0

 

 

2-2. pubspec.yaml 파일을 직접 수정하여 설치하는 방법

pubspec.yaml은 프로젝트에 대한 정보와 설정을 가지고 있다. 그렇기 때문에 매우 중요함.

Material Design 사용 여부, 앱에 이미지를 포함하는지에 대한 설정등 여러가지 설정에 대한 정보를 가지고 있다.

아래와 같이 pubspec.yaml 파일을 수정

dependencies:
  flutter:
    sdk: flutter
  http: ^1.4.1   
  # 여기서 h만 입력해도 아래에 패키지명들이 리스트로 쫙 나온다. 버전도 자동으로 입력됨.

 

수정 후 Get Packages 버튼을 누르고 저장하면 작성한 모든 패키지를 설치한다.

(VS코드에서 pubspec.yaml 파일을 열면 저 버튼이 보인다.)

 

또는 pubspec.yaml 파일 수정 후 아래 명령을 터미널에서 실행하여 패키지를 설치한다.

flutter pub get

 

3.  설치 후 확인

설치 후 정상적으로 작동하는지 아래와 같이 확인하면 된다.

import 'package:http/http.dart' as http;

void main() async { 
  // await는 응답이 올 때까지 잠깐 멈추고 기다리는 것이고, 이것을 쓰려면 비동기 함수 선언 async를 써야함
  final response = await http.get(Uri.parse('https://shownote.tistory.com/12'));

  if (response.statusCode == 200) {
    print('응답 성공!');
    print('본문 일부 출력:');
    print(response.body.substring(0, 500)); // 너무 길기 때문에 앞부분만 출력
  } else {
    print('응답 실패: ${response.statusCode}');
  }
}