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 생성 및 노드 선택 이벤트 자바스크립트의 ..
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..
Overview Bottom Navigation Bar 위젯을 이용하여 화면 전환을 하는 앱을 만들어봅니다. 이 포스팅에서는 바텀 내비게이션 바의 사용법만을 설명하는 포스팅입니다. 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 포스팅에서 다루는 예시 프로젝트는 아래의 깃허브 링크에서 다운로드 받을 수 있습니다. '4_add_bottom_navigation_bar_example' 폴더를 확인해주세요. https://github.com/luvris2/flutter_memo_app ..
해당 포스팅의 전체 소스 코드가 포함된 프로젝트 파일은 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-example/tree/main/flutter_widget_test Scaffold 위젯 MaterialApp의 디자인 레이아웃을 제공하는 위젯 일반적으로 사용되는 많은 UI 구성 요소를 포함하는 컨테이너 앱 바, 플로팅 작업 버튼, 하단 내비게이션 바 등 즉, 개발자가 UI 구성 요소를 추가 또는 제거하고 모양을 변경하거나 기능을 추가하는 작업을 할 수 있음 하위 위젯 appBar 화면 상단에 앱 바를 표시하는 하위 위젯 일반적으로 제목과 선택적으로 일부 작업 또는 탐색 버튼을 포함 (글쓰기 버튼 등) body appBar 아래에 나타나는 화면의 메인 콘..
패스 모듈이란? (Path Module) 파일 시스템과 관련된 작업을 쉽게 수행할 수 있도록 도와주는 기능을 제공하는 모듈 Node.js에서 파일 경로와 관련된 작업을 수행 할 때 유용하게 사용 의외로 혼동하기 쉬운 경로 설정에 대한 오류율을 최소화하는데 사용 즉, 오류를 줄이고 편하게 경로를 설정하기 위해서 사용함 패스 모듈 설치 및 사용 방법 (Path Module Install&Use) 설치 패스 모듈은 Node.js의 자체 모듈이므로 별도의 설치가 필요하지 않음 즉, Node.js 설치 시 기본적으로 포함되어 있음 사용 방법 모듈을 사용하기 위해 require() 함수를 이용하여 모듈 호출 // 패스 모듈 호출 const path = require('path'); 메서드를 이용하여 파일 경로 구성..