일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Linux rmdir
- Linux cat
- javascript scope
- Linux 파일 관리 명령어
- Linux apt-get
- Linux oh my zsh
- AWS EC2 서버 만들기
- EC2 zsh
- Linux 디렉터리 역할
- Linux 디렉터리 명령어
- UNPROTECTED PRIVATE KEY FILE
- Linux 디렉터리 구조
- HTTP Web Server
- EC2 Apache2
- EC2 oh my zsh
- 서버의 서비스 방식
- javascript 정렬
- Linux cd
- Linux mkdir
- EC2 HTTP 호스팅
- Linux apt
- arbitrum sepolia eth
- Navigation Pattern
- Linux pwd
- 아비트럼 새폴리아 이더 받는법
- linux background
- Linux ls
- ec2 ssh unprotected private key file
- Logback
- linux foreground
- Today
- Total
목록Flutter (13)
HyunJun 기술 블로그
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ce5pqj/btsonHWNWot/1wkXueHH0lrvDmuHRAnFl0/img.gif)
1. Navigation 플러터의 Navigation은 사용자 인터페이스(UI) 간의 화면 전환과 화면을 관리하는 방법을 말한다. 플러터에서의 Navigation 방식은 아래와 같은 방식이 존재한다. 이 글에서는 아래의 빨간색 부분만 기술하며, 다음 글부터 차례차례 기술하려고 한다. 참고로 이외에도 여러 가지 Navigation이 추가로 존재한다. Navigator Named Routes Parameters Navigation Rail Navigation Drawer Tab Navigation, TabBar, BottomNavigationBar PageView: 1-1. Navigator Navigator는 플러터에서 화면 전환을 관리하는 객체로. 새로운 화면을 스택에 추가(push) 하여 전환하거나, ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/6elrL/btsoSlUhj9T/aJa8YMgiFQQMY9nxB4eMG1/img.png)
Layout Widget Layout Widget은 각가 다양한 방식으로 위젯들을 배치하고, 레이아웃을 구성하는 데 사용되는 위젯이다. 1. Sized Box & Container SizedBox와 Container는 플러터(Flutter)에서 크기를 지정하는 데 사용되는 두 가지 다른 위젯이다. 1) Sized Box SizedBox는 자식 위젯의 크기를 지정하는 위젯이다. 자식 위젯을 가지지 않고, 단지 너비와 높이를 지정하여 공간을 차지하는 용도로 사용된다. SizedBox는 주로 특정 크기의 간격을 만들거나, 일부 위젯들을 레이아웃에서 제어할 때 사용된다. 즉, Sized Box는 width, height, child 밖에 가지지 못한다. return SizedBox( width: 200, hei..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/mP5ux/btsmlhMr8TH/A5CAR9kjkkpbZ9uDXH1i4k/img.png)
1. Asset 플러터에서 img, font 등을 저장 즉, Asset을 사용하려면 asset 저장용 폴더를 만들고 pubspec.yaml => flutter: assets:에 경로를 지정한 후, yaml 파일을 수정하면, 꼭 오른쪽 상단의 Pub get을 클릭해 주어야 적용된다. 2. build 플러터에서의 Hot reload가 작동하려면 실제로는 여러 가지 조건이 있지만 일단은, stateless 또는 stateful 위젯 내에 코드를 작성해 주어야 한다. 확실한 것은 아래와 같은 구조의 코드는 Hot reload가 작동하지 않는다. void main() { runApp(MaterialApp( home: Scaffold(body: Center(child: Text('Hello World'),)) ))..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/LWHku/btsnFe23nBq/QTEKmSbKBOIbfh4CtWNRm1/img.png)
1. Widget 플러터에서의 위젯이란, UI를 구성하는 가장 기본적인 단위이며, HTML에서의 Element와 같다고 보면 된다. HTML에서 Element는 모든 요소에게 적용되고 가장 기본이 되는 단위인 것처럼 플러터의 위젯도 똑같다고 볼 수 있다. 플러터에서의 위젯에는 Row, Column, Scaffold, Stack, Button, Color, Center, Padding..... 등이 있다. 1) Widget의 특징 Flutter의 모든 Widget은 "변하지 않는 불변"의 특성을 가지고 있다. 하지만 앱이라면, 사용자와의 상호작용을 위해 필수적으로, 클릭 시 색상이 변경된다던지, 숫자가 올라가야 된다던지 위젯의 값을 변경해야 할 때가 있다. 플러터의 위젯은 변경이 필요하면 기존의 위젯을 삭..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d8Jsrx/btsnvXtNbOX/gDz96y26KOwTkyizXkthY0/img.png)
0. 프로젝트 생성 플러터에서 많이 쓰이는 IDE들은 안드로이드 스튜디오, VSCode, IntelliJ 등이 있다. 안드로이드 스튜디오 기준으로 이 글을 작성하려고 한다. 플러터로 프로젝트를 생성하려면 플러터 SDK(Software Development Kit) 즉, 개발 도구 모음이 필요하다. 또한 프로젝트를 생성할 때의 프로젝트 이름은 영어 소문자로 작성하되, 공백은 "_"로 표기한다. 1. main.dart 플러터는 Android, iOS, Linux, MacOS, Web, WIndows 등을 다루는 크로스 플랫폼 프레임워크이므로 기본적인 폴더 구조가 매우 복잡하다. 하여 기본적인 구조부터 학습하려고 한다. 모든 플러터 프로그램은 flutter_basic/lib/main.dart의 main() 함..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bVCHOT/btsmsAeE1WC/c9L3hKmd8JH28GayDeNEM0/img.png)
1. Flutter 프로젝트 생성하기. Android Studio -> New Flutter Project -> Flutter(SDK 경로 설정) -> hello_world 프로젝트 생성 Organization의 경우 중복이 되지 않게 하기 위해 자신의 도메인을 거꾸로 입력하면 된다. 2. main.dart 모든 플러터 프로젝트는 main.dart부터 시작한다. 3. 아이폰 기기 연결 Dart, Flutter Mac M1 개발 환경 구축 글에 아이폰을 연결하는 부분에서 Xcode에 Apple 계정을 연결만 하면 실제 아이폰을 쓸 수 있을 것 같이 글을 작성했지만, 여러 가지 보안 문제로 계정 연결 및 팀 설정 만으로는 아이폰을 시뮬레이터로 사용할 수 없다. 일단, 아이폰을 케이블로 맥과 연결 후, Fin..