일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 프로그래머스
- CS지식
- 자바
- Oracle
- 리눅스
- javascript
- 네트워크
- spring
- baekjoon
- postgresql
- 스프링
- 데이터
- JPA
- 백준
- Spring Security
- Flutter
- DB
- 자바스크립트
- CS
- 시큐리티
- 플러터
- 스프링부트
- 데이터베이스
- Java
- springboot
- backjoon
- 파이썬
- 자료구조
- 스프링 부트 쇼핑몰 프로젝트 with JPA
- python
- Today
- Total
목록Web & Android (121)
Jin's Dev Story
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d0Xc2k/btstx7R3B2o/7xC4h8LuKBjpmwdDxrI9qK/img.png)
버튼에 기능 부여하는 법 FloatingActionButton() → 버튼에 기능 넣기 class _MyAppState extends State { var a = 1; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( floatingActionButton: FloatingActionButton( child: Text(a.toString()), onPressed: () { setState(() { a++; }); }, ), appBar: AppBar(), body: ListView.builder( itemCount: 3, itemBuilder: (c, i) { return ListTile( leading: I..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bydwot/btstzoFDUI4/4oZKCZGXCx2GL7B4gFVl41/img.png)
레이아웃 위젯 상중하 위젯 : Scaffold() MaterialApp( home: Scaffold( appBar: 상단에 넣을 위젯, body: 중단에 넣을 위젯, bottomNavigationBar: 하단에 넣을 위젯, ) ); appBar : 상단 자주 쓰는 파라미터 title: 왼쪽 제목 - appBar: AppBar(title: Text(**'앱임'**)) leading: 왼쪽에 넣은 아이콘 - appBar: AppBar(leading: Icon(Icons.star)) title과 leading 같이 사용 가능 actions: [] - 우측아이콘들 - appBar: AppBar(actions: [Icon(Icons.star), Icon(Icon.star)] AppBar( title : Text(..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Zimob/btstx6ZXI6h/yz0pk7MfyF3LBKapSZPyQk/img.png)
analysis_options.yaml에 rules 아래에 4줄 코드 작성 → Lint를 잠깐 끄는 용도 prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false prefer_const_constructors: false avoid_print: false prefer_const_literals_to_create_immutables : false
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ErNY1/btstePRPllH/0yOPb3M4pjFM7uremKCdJ1/img.png)
main.dart 파일에 stless라고 작성 후 Tab 키 누르면 위젯을 상속한 class가 생성됨 → 클래스 이름 작성해주기 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( ); } } ⇒ MaterialApp()을 사용하면 구글에서 제공하는 디자인을 사용할 수 있다. Material Design을 사용하려면 아래와 같은 코드가 입력되어 있어야 함 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/YUM1J/btsteCdbZ2g/O00MNSkeKN2404w4MwG5ik/img.png)
안드로이드 스튜디오 - 왼쪽 [Plugins] 클릭 → Flutter 검색 후 설치 Install 누르면 Dart 플러그인 설치를 물음 → 함께 설치하기 위해 Install 클릭 2. 설치가 되면 Restart IDE 버튼이 활성화되고, 클릭하면 안드로이드 스튜디오를 재실행한다. 출처 : https://parkjh7764.tistory.com/161
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/A9iFZ/btsteQ3waKt/EoZCSW4tk4eQMFwqjNJ0S1/img.png)
링크 접속 https://docs.flutter.dev/get-started/install 운영체제 선택 zip 파일 다운로드 다운로드 된 파일을 원하는 경로에 압축 풀기 4. 환경변수 설정 1. 윈도우 검색 창 → 시스템 환경 변수 편집 2. 사용자에 대한 사용자 변수(U) 중에서 Path 선택 후 편집(E) 클릭 → 찾아보기 선택 3. 압축 푼 경로를 추가하기 - 이때 다운로드한 파일의 bin 파일을 선택해야함 → ex) C:\flutter\bin 출처 : https://parkjh7764.tistory.com/161