일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- git 계정 설정
- AWS EC2 서버 만들기
- 아비트럼 새폴리아 이더 받는법
- Linux mkdir
- git 기본 에디터
- linux foreground
- Linux 디렉터리 역할
- javascript scope
- Linux cd
- EC2 HTTP 호스팅
- Linux rmdir
- UNPROTECTED PRIVATE KEY FILE
- EC2 zsh
- arbitrum sepolia eth
- Navigation Pattern
- HTTP Web Server
- EC2 Apache2
- GIT
- Linux 디렉터리 구조
- Linux oh my zsh
- EC2 oh my zsh
- Logback
- Linux cat
- Linux apt-get
- Linux pwd
- linux background
- Linux apt
- ec2 ssh unprotected private key file
- javascript 정렬
- 서버의 서비스 방식
- Today
- Total
목록Flutter (13)
HyunJun 기술 블로그
Scrollable Widgets 기본적으로 플러터에서는 스크롤 가능한 위젯으로 위젯을 구현하지 않으면 모바일 기기의 세로 화면을 넘어서게 되면 에러가 발생하게 된다. 해서 스크롤을 구현하기 위해서는 Scrollable Widgets를 사용해서 구현해야 한다. 1. SingleChildScrollView 하나의 자식 위젯 내에 있는 위젯들을 수직으로 스크롤 가능하게 구현하기 위해 사용하는 위젯이다. 여러 개의 컨테이너의 색상을 담을 colors.dart 파일을 작성한다. import 'package:flutter/material.dart'; const rainbowColors = [ Colors.red, Colors.orange, Colors.yellow, Colors.green, Colors.blue,..
Flutter에서의 사용자 입력받기. Flutter에서 사용자가 직접 입력한 텍스트를 받고 유효성 검사 등을 하기 위해서 TextField, TextFormField, Form 등이 사용된다. 1) TextField Flutter에서 name, id, email, pw 등 사용자의 입력을 받기 위해 사용한다. TextField 위젯은 단순히 텍스트를 입력을 받기 위한 위젯으로, 폼 처리나 유효성 검사를 위한 기능을 내장하고 있지 않다. 하여 Form 위젯 안에 위치할 필요가 없고 단독으로 사용 가능하다. controller: 사용자가 TextField에 입력한 값을 저장하고 재 사용 및 관리하기 위해 TextEditingController를 사용한다. decoration: TextField의 외관을 설정..
Scaffold Scaffold는 플러터(Flutter)에서 앱의 뼈대를 구성하는 레이아웃 위젯이다. 일반적으로 앱의 주요 구성 요소인 앱 바(App Bar), 본문 컨텐츠, 푸터(Footer) 등을 효과적으로 구성하는 데 사용된다. Scaffold 위젯은 주로 표준적인 머티리얼 디자인에 따라 앱의 기본 뼈대를 구축할 때 사용되며, 앱의 상단에 AppBar와 하단에 BottomNavigationBar를 간단하게 추가하는 등의 기능을 내장하고 있다. Scaffold 위젯은 일반적으로 body, appBar, floatingActionButton, drawer, bottomNavigationBar 등과 같은 여러 속성들을 설정할 수 있다. import 'package:flutter/material.dart'..
1. PageView PageView는 여러 페이지를 좌우로 스와이프 하여 전환할 수 있는 위젯으로, 페이지 간의 슬라이드 애니메이션을 제공한다. 사용자가 화면을 좌우로 스와이프 하면 다음 페이지로 자연스럽게 이동되며, 페이지 전환이 간단하고 직관적으로 이루어지는 특징이 있다. PageView는 일반적으로 페이지 컨텐츠가 넓은 화면 공간에 맞지 않을 때 사용된다. 예를 들어, 앱의 홈 화면이나 이미지 뷰어와 같이 다양한 페이지를 효과적으로 표시해야 할 때 주로 사용된다. 주요 속성으로는 itemBuilder, controller, onPageChanged, physics 등이 있다. itemBuilder는 페이지를 동적으로 생성하는 콜백 함수를 지정하며, controller는 PageView의 컨트롤러를..
1. Navigation Rail Navigation Rail은 Flutter에서 사용자 인터페이스(UI)를 구성하는 하나의 내비게이션 패턴이다. 주로 앱의 사이드 바(Side Bar)나 드로어(Drawer)에 위치하며, 수직 방향으로 여러 개의 목적지(destination)를 나열하여 사용자가 쉽게 화면을 전환하고 다양한 기능에 접근할 수 있도록 도와준다. 각 목적지는 아이콘과 레이블로 표시되며, 사용자가 터치하면 해당 목적지로 이동하거나 해당 기능을 수행할 수 있다. Navigation Rail은 주로 머티리얼 디자인 스타일의 앱에서 사용되며, iOS 스타일의 앱에서는 CupertinoNavigationRail이 사용될 수 있다. Navigation Rail을 오른쪽에 두고 싶은 경우 단순히 Row ..
Tab Navigation 이전 글 (2023.07.11 - [Dart/Flutter] - Navigation Pattern, Navigator, Named Routes, Parameters)에서 플러터에는 어떠한 Navigation Pattern이 있는지와 플러터의 가장 기본적인 내비게이션 패턴인 스택 기반 내비게이션(Stack-based Navigation)을 이용한 Navigator 사용법 등과 Named Routes 등을 알아보았다. 그렇다면 이번 시간에는 Tab Navigation에 대해서 알아보려고 한다. Tab Navigation이란 여러 개의 탭을 사용하여 다양한 기능이나 섹션을 표현하고, 사용자가 각 탭을 선택(클릭) 하여 해당 컨텐츠를 보거나 해당 기능으로 이동할 수 있는 내비게이션 패..