본문 바로가기
반응형

IT106

[.3] 플러터-Flutter WebView 를 이용한 플로터 하이브리드 앱 프로젝트 Flutter WebView 하이브리드 앱 개발중이던 반응형 웹 사이트를 안드로이드 앱에서 서비스해보기 위해 플로터 웹뷰(WebView)를 이용한 하이브리드 앱을 만들어 보려고 합니다. 예제 코드는 구글(codelabs.developers.google.com, docs.flutter.dev)가이드를 스터디하며 진행된 결과 입니다. 1. Create Flutter New Project 안드로이드 스튜디오 New Project 에서 빈 프로젝트를 생성 합니다. 프로젝트 생성시 추가해야할 플로터 웹뷰(WebView) 관련 옵션은 없습니다. 프로젝트 생성 후 main.dart 까지 확인~ 2-1. Flutter WebView 플러그인 종속 추가 안드로이드 스튜디오 하단 [Terminal] 텝을 선택하고 프로젝트.. 2022. 11. 4.
[.2] 플러터-(Flutter) - Android Studio AVD 가상 디바이스 설치 Android Virtual Device(AVD) 생성 Flutter WebVIew 테스트를 위해 Android Virtual Device(AVD) 를 생성 합니다. 안드로이스 스튜디오 메인 화면에서 오른쪽 상단에 Device Manager (클릭) 드로이드가 빼꼼 나와 있는 아이콘 보이시죠? ^^ 테스트할 안드로이드 기기를 선택 합니다. 여기서는 Nexus 6 1440px 2560px 을 선택 했습니다. 안드로이드 API Level 을 선택 합니다. 앞서 Flutter 프로젝트 생성 후 Android -> app -> src -> build.gradle 에서 확인해 보니 API 33 을 자동으로 잡아와서 여기서도 33 버전으로 다운로드를 받았습니다. 다운로드가 완료 되면 화면 하단에 [Next] 버튼이.. 2022. 11. 1.
[.1] 플러터-(Flutter) 안드로이드 스튜디오 IDE - 플로터 프로젝트 생성 플로터(Flutter) 네이티브 앱 만들기 Dart 와 첫 만남 1. 안드로이드 스튜디오 IDE 실행 2. 안드로이드 스튜디오 앱 프로젝트 생성 안드로이드 스튜디오 실행 후 Welcome to Android Studio 팝업창에서 "New Flutter Project" 를 선택 합니다. New Flutter Project 선택 후 New Project 팝업 왼쪽에 Flutter 를 선택합니다. 만약 Flutter SDK path: 가 비어 있으면 [...] 버튼을 눌러 SDK 설치 폴더를 선택해 줍니다. Flutter SDK 는 안드로이드 스튜디오와 별도로 직접 설치했던 폴더 입니다. SDK 폴더 선택 후 [ OK ] 클릭 Flutter New Project 창에서 프로젝트 설정을 합니다. 안드로이드 스.. 2022. 10. 30.
prev(), prevAll(), prevUntil() 개발 메모 메소드 클릭된 링크 태그의 상위 요소정보 가져오기 prev(), prevAll(), prevUntil() 링크 예시) TITLE2 TITLE1 [결과] valTitle1 = "1. 기내 반입이 가능한가요?" valTitle2 = "2. Can I take this one the plane?" 메소드 .prev().prev() 선택한 요소 바로 이전에 위치한 형제 요소를 선택 .prevAll() 선택한 요소 이전에 위치한 모든 형제 요소를 선택 .prevUntil(".지정자") 선택한 요소의 형제 요소 중 .지정자 요소 바로 다음 요소를 선택 2022. 10. 30.
반응형

티스토리툴바