일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 일본어
- javascript
- 日本語
- java
- springboot
- メソッド
- html
- 비즈니스일본어
- Python
- rails7
- Flutter
- ruby
- 一日一つメソッド
- Web
- 연습문제
- 자바
- DART
- 반다이몰
- rails
- Spring
- C로 시작하는 컴퓨터 프로그래밍4판
- CSS
- jsp
- 인프런
- 디지몬
- 건담
- nico
- 単語
- 건담베이스
- vscode
- Today
- Total
목록Dart/Flutter (25)
AR삽질러
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lq41W/btst7TFqMUL/DYjgPPWw4ngptw4eDVunEk/img.png)
Flutter VSCode설정 처음 Flutter로 코딩을 할때 정말 불편했던건 가독성이다.. 안그래도 불편한데 아래와 같은 파란줄때문에 미칠것같았다.. 파란줄을 없애는 방법은 1. settings.json 을 연다. 2. 아래의 코드를 넣어주고 저장 후 mani에 가서 저장을 눌러주면 파란줄이 사라진다. "editor.codeActionsOnSave": { "source.fixAll": true, }, 가독성을 높여주는 또 하나의 VSCode설정은 부모가 어떤것인지 표현해주는 설정이다. 현재 코드에서 어떤게 부모인지 찾으려면 시간이 걸리고 가독성이 상당히 떨어질수 있다. 1. 위와같이 settings.json을 연다. 2. 아래의 코드를 추가한다. "dart.previewFlutterUiGuides":..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/A6Dnh/btsubJbsKSv/bZkShxuH9D7YHASubtV63K/img.jpg)
Flutter Developer Tools와 Button 지난시간에는 header부분을 구현하였다. 0. Flutter Developer Tools와 Button Developer Tools(개발자도구)는 Flutter앱 개발, 디버깅 등 앱을 효과적으로 개발하는데 도움이되며 앱의 성능을 최적화하기위한 도구이다. ㅁduvdp < 이렇게 생긴 버튼을 눌러 실행할 수 있다. Layout이 적응되지 않는다면 개발자도구에 들어가면 현재 구현된 Widgets들의 구 App이 어떻게 구성되어있는지를 보여준다. 이곳에서 다른 정렬을 미리보기 할수 있고 수정을 통해 어떻게 보일지도 확인할 수 있다. 이 기능을 활성화 시키고 시뮬레이터로 클릭하면 Widget을 선택하는것이 가능하다. || 이렇게 생신 버튼을 활성화 시키..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qWoFr/btst7RgwFLF/VvxxhRYQPx6a8WdALV9s10/img.jpg)
Flutter UI Design import 'package:flutter/material.dart'; void main() { runApp(App()); } class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Color(0xFF181818), // 배경색을 검은색(0xFF181818)으로 설정 body: Padding( padding: EdgeInsets.symmetric(horizontal: 28), // 가로 여백 추가 child: Column( children: [ SizedBox( height: 80, //..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/beFyBr/btstNCDpgLz/Wkp2oyHmAehrisOfZJChG0/img.png)
Flutter Start 0. VSCode설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 1. Extension : Dart설치 2. E..
Flutter https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev 0. Flutter란 Flutter란 iOS, Android, Web, Windows, MacOS, Linux에 대한 애플리케이션 개발을 지원한다. Google에서 개발 및 지원하는 오픈 소스 프레임워크로 프런트와 풀 스택 개발자는 Flutter를 이용해 플랫폼에 대한 애플리케이션의 사용자 인터페이스..