320x100
반응형
320x100
반응형
Overview 해당 포스팅은 InAppWebView 5.8을 기준으로 작성되었습니다. 현재 버전 InAppwebView 6.0 마이그레이션은 아래을 포스팅을 참고하면 됩니다. Flutter - InAppWebView 5.8.0 > 6.0.0 마이그레이션 가이드 Flutter - InAppWebView 5.8.0 > 6.0.0 마이그레이션 가이드 개요인앱웹뷰가 6.0.0으로 버전업이 되었다. 이번에 마이그레이션을 하면서 느낀점은 편의성이 많이 좋아진 것 같은데 자세히는 안써봐서 잘 모르겠다. 우선은 내 프로젝트에 있는 코드들을 마 luvris2.tistory.com inAppWebView를 이용하여 모바일 화면에 웹페이지를 표시하는 방법을 포스팅합니다. 포스팅에서 사용한 예제 프로젝트는 아래의 링크에서 ..
jsTree란? 대화형 트리를 제공하는 jQuery 플러그인 쉽게 확장, 테마 설정 및 구성이 가능 HTML 및 JSON 데이터 소스와 AJAX 로딩 지원 jQuery의 이벤트 시스템을 사용하여 트리의 다양한 이벤트에 콜백을 바인딩 jsTree 사용 설정 jsTree 테마 (CSS) 호출 (CDNJS) jsTree 사용을 위한 jQuery 호출 (CDNJS) jsTree 호출 html 전체 소스 코드 jsTree 구조 설계 해당 코드는 태그 내에 작성 jsTree 컨테이너 생성 jsTree 구조 설계 아래와 같이 총 루트 노드 2개와 각각 2개의 자식노드를 갖도록 가정 루트 노드1 1-자식노드1 1-자식노드2 루트 노드2 2-자식노드1 2-자식노드2 jsTree 생성 및 노드 선택 이벤트 자바스크립트의 ..
Consumer Class provider 패키지의 일부 provider와 함께 특정 데이터의 변경 사항을 수신하고 위젯 트리의 일부를 다시 빌드하는 데 사용 Provider.of를 명시적으로 호출하지 않고도 제공자의 값을 확인하고 사용할 수 있는 위젯 전체를 빌드하지 않고 제공된 데이터에 따라 필요한 위젯만 선택적으로 리빌드하여 프로세스를 최적화 일반적으로 Consumer 위젯은 데이터의 변경 사항을 수신할 위젯트리 내에 하위 위젯으로 배치 제공된 데이터에 의존하는 위젯 하위 트리를 정의하는 빌더 함수 필요 Consumer( builder: (context, value, child) { // provider의 값에 따라 달라지는 위젯 하위 트리 // 값이 변경될 때 리빌드된 위젯 반환 }, ) 구문 플..
dio Dart/Flutter용 HTTP 클라이언트 패키지 헤더 설정, 인터셉터, 파일 업로드 및 다운로드, 쿠키 관리 등 지원 비동기 작업을 위해 async/await 문법과 함께 사용 가능 간단하고 직관적인 API 제공, 손쉽게 HTTP 요청, 생성, 응답 처리 할 수 있도록 함 구문 import 'package:dio/dio.dart'; final dio = Dio(); void getHttp() async { final response = await dio.get('https://dart.dev'); print(response); } 프로젝트 의존성 추가 터미널에서 아래의 명령어 입력 dio 패키지 설치 flutter pub add dio 프로젝트 기본 UI 설계 UI 버튼을 누르면 버튼 아래의 ..
Overivew 사용자가 'eunbyeol' 이라는 문자열을 입력합니다. flutter에서는 crypto 라이브러리를 통해 해싱 알고리즘을 이용하여 입력된 문자열을 암호화 합니다. 'eunbyeol' 문자열을 16진수로 암호화한 값 : 4d43d209f5d57b0d2ede4838d9d76e5792eaa1d9 crypto 다트에서 사용가능한 암호 해싱을 제공하는 라이브러리 다음의 해싱 알고리즘을 지원 SHA-1 SHA-224 SHA-256 SHA-384 SHA-512 SHA-512/224 SHA-512/256 MD5 HMAC(즉, HMAC-MD5, HMAC-SHA1, HMAC-SHA256) 라이브러리 호출 pubspec.yaml dependencies 하위에 crypto 패키지 추가 dependencies..
해당 포스팅의 전체 소스 코드가 포함된 프로젝트 파일은 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-example/tree/main/flutter_widget_test Scaffold 위젯 MaterialApp의 디자인 레이아웃을 제공하는 위젯 일반적으로 사용되는 많은 UI 구성 요소를 포함하는 컨테이너 앱 바, 플로팅 작업 버튼, 하단 내비게이션 바 등 즉, 개발자가 UI 구성 요소를 추가 또는 제거하고 모양을 변경하거나 기능을 추가하는 작업을 할 수 있음 하위 위젯 appBar 화면 상단에 앱 바를 표시하는 하위 위젯 일반적으로 제목과 선택적으로 일부 작업 또는 탐색 버튼을 포함 (글쓰기 버튼 등) body appBar 아래에 나타나는 화면의 메인 콘..