Overview. 페이지 이동시 히어로 애니메이션을 사용해보자 hero를 사용해보자 0. 문서 https://docs.flutter.dev/ui/animations/hero-animations Hero animations How to animate a widget to fly between two screens. docs.flutter.dev 1. Hero 위에서 보이듯이 한번 직접 간단하게 해봤다. [동영상이 와이리 커] 아무튼 애니메이션 효과를 줄 수 있는데 이는 tag 를 이용한 방식인 것 같다. 1. 메인 화면 중요점은 tag 에 문자열으로 banner 라고 지정했으면 다음 /sub 의 Hero 의 tag 에도 banner 로 지정이 되어 있어야한다. class MyApp extends State..
분류 전체보기
Overview. 약간 alert 와 같은 Dialog 창을 만들어 보자 ShowDialog , AlertDialog CupertinoAlertDialog CupertinoDialogAction 0. 문서 https://api.flutter.dev/flutter/material/AlertDialog-class.html AlertDialog class - material library - Dart API A Material Design alert dialog. An alert dialog (also known as a basic dialog) informs the user about situations that require acknowledgment. An alert dialog has an option..
Overview. 버튼을 활성화 시키거나 비활성화를 시킬수 있는 AbsorbPointer 를 활용해보자 AbsorbPointer 란? 0. 문서 https://api.flutter.dev/flutter/widgets/AbsorbPointer-class.html AbsorbPointer class - widgets library - Dart API A widget that absorbs pointers during hit testing. When absorbing is true, this widget prevents its subtree from receiving pointer events by terminating hit testing at itself. It still consumes space dur..
Overview. 위의 ClipRRect , ClipOval , ClipPath 에 대해 알아보자 세가지 한번에 말하자면 도형을 어떻게 만드는 지 이다. ClipRRect ClipOval ClipPath 라이브러리 사용 0. 문서 https://api.flutter.dev/flutter/widgets/ClipRRect-class.html ClipRRect class - widgets library - Dart API A widget that clips its child using a rounded rectangle. By default, ClipRRect uses its own bounds as the base rectangle for the clip, but the size and location of..
Overview. ListView 와 비슷하지만 다른 ListTile 에 대해 알아보자 ListTile 란? 한번 써보장!! 0. 문서 https://api.flutter.dev/flutter/material/ListTile-class.html ListTile class - material library - Dart API A single fixed-height row that typically contains some text as well as a leading or trailing icon. A list tile contains one to three lines of text optionally flanked by icons or other widgets, such as check boxes. Th..
Overview. RichText에 대해 알아보자 RichText 0. 문서 https://api.flutter.dev/flutter/widgets/RichText-class.html RichText class - widgets library - Dart API A paragraph of rich text. The RichText widget displays text that uses multiple different styles. The text to display is described using a tree of TextSpan objects, each of which has an associated style that is used for that subtree. The text might bre..
overview. jenkins를 로컬에서 실행하여 vmware 가상 컴퓨터 centos 에 파일을 cp(복사) 해보았다. 로컬에서 실행하였기 때문에 webHook 는 사용하지 않았습니다. 솔직히 이상한 부분이 한 두개 가 아닙니다. 제가 보려고 작성한 것이니 다른 문서 보는게 더 났습니다. docker jenkins 설치 jenkins 설정 Permission Denied 보내보장~ 1. docker jenkins 설치 docker 로 jenkins 를 로컬에 설치를 진행하였습니다. jenkins 는 다음과 같습니다. 처음 로그인 화면시 시작 가이드는 밑과 같이 설정하였습니다. https://guide.ncloud-docs.com/docs/devtools-devtools-1-2 Jenkins 시작 가이..
overview 아무 생각없이 ip 를 가져와 보고 싶었다. 클라이언트 ip 를 가져오게 되면 좀 괞찬은 프로젝트를 할 것 같아서 .. 필터 구축 필터 등록 문서 https://khrdev.tistory.com/entry/Java%EB%A1%9C-Client-IP-%EC%B0%BE%EB%8A%94-%EB%B0%A9%EB%B2%95 Java로 Client IP 찾는 방법 Java로 개발을 하다 보면 로그인 이력을 남기거나 하는 상황에 Client IP를 데이터베이스에 Insert 하는 로직을 만들어야 하는 경우가 생길 수 있다.. 크게 2가지의 방법이 존재하는데 하나하나 설명 khrdev.tistory.com https://developer.mozilla.org/ko/docs/Web/HTTP/Headers..
overview. ListView.builder 란? 예제 코드 - todo 리스트 문서 https://api.flutter.dev/flutter/widgets/ListView-class.html ListView class - widgets library - Dart API A scrollable list of widgets arranged linearly. ListView is the most commonly used scrolling widget. It displays its children one after another in the scroll direction. In the cross axis, the children are required to fill the ListView. If non-n..
overview. TextEditingController 란? 예제 문서 https://api.flutter.dev/flutter/widgets/TextEditingController-class.html TextEditingController class - widgets library - Dart API A controller for an editable text field. Whenever the user modifies a text field with an associated TextEditingController, the text field updates value and the controller notifies its listeners. Listeners can then read the text..
Overview . MVVM 패턴에 대해 알아보자 앱 아키텍처란? MVC (Model-View-Controller) 패턴을 사용하는 주된 이유는? MVVM 패턴에 대해 알아보자 시나리오 1. 앱 아키텍처란? 앱 아키텍처는 애플리케이션의 전반적인 구조와 구성요소, 그리고 이러한 구성요소 간의 관계와 상호작용을 정의하는 청사진 또는 설계 원칙을 의미합니다. 쉽게 말해, 앱을 구축하는 데 필요한 구성요소와 이러한 구성요소들이 어떻게 함께 작동하고 연결되는지를 설명하는 방법론이라고 할 수 있습니다. MVC, MVP, MVVM, VIPER 등 너무나 많은 아키텍처가 존재 한다. 하지만 원리는 거의 동일 하다. 역할 별로 레이어를 나눈다. 각 레이어는 각자의 역할에만 집중하게 설계하고 자신 밖에 업무에서 가능한 신..
overview. JSON 문자열 데이터를 dart 코드로 변환할 수 있을까? dart:convert 라이브러리 전체 코드 http 통신을 해보자 1. JSON 문자열 데이터를 dart 코드로 변환할 수 있을까? JSON 문자열을 Dart 객체로 변환하는 과정을 "JSON 파싱"이라고 합니다. JSON 파싱은 일반적으로 JSON 형식의 문자열 데이터를 특정 프로그래밍 언어의 데이터 구조나 객체로 변환하는 작업을 의미합니다. Dart 객체로 변환하기 위해 우리는 dart:convert 라이브러리의 json.decode() 메서드를 사용합니다. 그럼 라이브러리가 있어야 겠네요! 2. dart:convert 라이브러리 앞서 설명했던것 처럼 라이브러리를 사용합시다. import 'dart:convert'; js..
