- 회사 App을 만드는 프로젝트를 진행하면서 궁금해진 Flutter 언어. 안드로이드와 IOS를 동시에 지원하기 때문에 유지보수에 편리함을 가져다 줄 수 있어서 최근 많은 관심을 갖게 된 언어이다.
- 아직은 국내에 활성화 되지 않아서 Flutter 개발자가 많지 않아 회사 App은 기존 방식으로 개발 하고 있지만, 안드로이드와 IOS 개발자를 동시에 투입해야 하는 것에 비해 Flutter개발자만 있어도 두 OS를 동시에 지원하는 비용이 더 저렴하니 머지않아 이런 방식으로 바뀌지 않을까 생각해 본다.
-Flutter 책과 동영상 강의로 공부를 시작했지만 적지 않은 나이와 회사 사무를 보면서 별도의 공부를 진행한다는 것은 쉽지 않은 과정이다. 조금씩 알아가는 재미와 코딩을 따라가는 재미가 있어서 시작했는데, 책을 덮고, 동영상이 끝나면 정리가 되지 않은 것 같아서 이곳에 필요한 기능에 대한 설명과 그 기능을 위한 환경설정 부분을 중접으로 이곳에 정리를 시작해 본다.
그 첫번째로 웹화면을 제공하는 블로그나 사이트 화면을 App으로 서비스 가능하게 하는 WebView 기능에 대해서 정리하고자 한다. 우리 회사는 지하주차장 이용시 할인 등록을 웹화면 서비스로 제공하고 있다. 이 화면을 App으로 감싸서 폰에서 이용하면 좋을 것 같아서 이 기능을 사용하기 위한 환경설정 등을 이곳에 기록해 두려고 한다.
1. WebView 패키지 추가하기
-pub.dev 사이트에 접속하여 webview_flutter 패키지를 찾는다. 원하는 버전의 패키지를 찾아서 패키지 명 옆에 있는 복사 아이콘을 클릭한다.
-안드로이드 프로젝트 화면으로 돌아와서 web_view프로젝트 아래의 test 폴더 아래 pubspec.yaml 파일을 오픈한다.
- 파일 중간 아래쯤에 dependencies 부분을 찾아 아래와 같이 수정해야 한다.
| dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 라고 되어 있는 라인을 찾아 그 다음줄에 복사한 webview_flutter 버전을 붙여넣기 한다. webview_flutter: ^3.0.0 (<-- 버전은 배우고 있는 버전을 추천, 최신버전은 설정이 추가적으로 필요할 수 있음) |
- 그리고 한가지 더 수정이 필요한데, android/app/build.gradle 파일을 열어 속에 있는 minSdkVersion을 20으로 수정해야 한다.
| android { defaultConfig { minSdkVersion 20 // 이부분을 수정한다. } } |
