⭐️ 개발/플러터

[프로젝트] 블로그 웹앱 (1) 프로젝트에 패키지 추가

짱구러버 2022. 10. 31. 21:27
728x90

들어가기 앞서...

 

주요기술 및 지식 

  1. WebView
  2. AppBar
  3. pyb.dev(외부 패키지 활용법)

간단한 설명으로는...

 

Webview 란 는 어떤 웹 사이트를 앱에다가 패키징하는 것을 웹뷰라고한다.

원래 존재하는 사이트를 앱인것처럼 만들수 있다.

간단하게 블로그 웹뷰로 만들것이다.

 

AppBar 란 앱에서 상단 제목 줄을 의미한다! 

상단 디자인부분을 우리가 디자인 할수 있다

pub.dev 사이트 외부 패키지를 사용할수 있는 페이지 이다.

 


본문으로...

홈페이지에서 webview 라고 검색을 하고 내리다 보면 webview_flutter 라고 오픈라이브러리가 있는 것을 볼 수 있다!

위에서 부터 차례대로 좋아요수 , pub 포인트 , 인기도 , 제공자!

제공자가 flutter.dev 가 되어있는 것은 플러터에서 자체적으로 개발을 하고 제공하는 것이라 안정성이 높고 빠르게 업데이트될 가능성이 높다!

클릭해서 이동하면 현재 버전은 3.0.4 인데, 안전하게 하기 위한 3.0.0을 선택했다!

 

잘 못찾겠으면 이 링크로 이동하자!

https://pub.dev/packages/webview_flutter/versions/3.0.0

  • ~ 해보자!
  •  
  • 메이져버전 마이져버전 패치버젼
  • 마이져버전 과 패치버전만 자동적으로 업데이트하고 메이져버전은 수동으로 업데이트 하겠다라는 말이다!꺽쇠
  • 메이져 버전이 바뀌면 사용법 자체가 바뀔 가능성이 높기 때문에 3.0.0 버전으로 진행을 하겠다!

pubspec.yaml 화면

그리고 pub get 은 꼭 눌러줘야한다!

Pub.get 을 누르고 난 다음의 터미널

 

그리고 라이브러리 페이지 하단을 보자

 

 

ios 는 현재 버전 기준으로 따로 변경해야되는 것은 없다.

안드로이드만 변경을 해주면 되는데, 안드로이드 minSdkVersion 이 20 보다 낮으면 20 으로 변경을 해줘라! 라는 이야기 이다!

프로젝트 폴더 > android > app > build.gradle 파일 코드

빨간색으로 표시 한 부분을 변경해주자! 

이렇게 변경만 해주면 끝!

우리는 

만약 필요한 설정이 필요한 게 있다면, 리드미 파일에 적혀있을 것이다! 

그대로 따라하면된다!

 


끝으로...

  1. 프로젝트에 패키지 추가하는 방법을 알았다!

 

 

728x90