목록프로그래밍/Flutter (5)

Terry Very Good

[Flutter] 5. 반응형 농장 소개 페이지 만들기

말이 반응형이지, 별 누르면 색 바뀌는 정도. 하지만 이 페이지를 활용할 일이 있을 것 같아 올린다. import 'package:flutter/material.dart'; // material이라는 패키지를 사용하여 프로젝트를 만들 것이니까! void main() { // 메인 함수 runApp(const MyApp()); } class MyApp extends StatelessWidget { // Stateless는 바뀔 수 없는 것들을 넣고 const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: '농장농장', theme: ThemeData(prim..
프로그래밍/Flutter 2022. 3. 13. 15:27
[Flutter] 4. Web Porting 방법

1. Android Studio Terminal에 아래를 입력(경로는 사람마다 다를 수 있지) C:\src\flutter\bin\flutter.bat channel master C:\src\flutter\bin\flutter.bat upgrade C:\src\flutter\bin\flutter.bat config --enable-web C:\src\flutter\bin\flutter.bat create . C:\src\flutter\bin\flutter.bat run -d chrome C:\src\flutter\bin\flutter.bat build web 근데 난 얘랑 Chrome으로 실행하는 거랑 뭐가 다른 건지 잘 모르겠다
프로그래밍/Flutter 2022. 3. 12. 16:25
[Flutter] 3. NOX를 활용한 Flutter Simulation

녹스가 Android Simulator보다 빠른가보다.(이럴거면 처음부터 녹스깔던가;;) 1. 녹스 설치 https://kr.bignox.com/ 2. VT 모드 켜짐 확인 3. 녹스 설정 일반 > ROOT 켜기 성능 > 성능설정 > 중(2Core CPU, 2048 MB) > 그래픽 모드 > 기본모드 > 해상도는 스마트폰으로 > 해상도 가장 적은 것 >> 설정적용 누르고 재부팅 4. Nox 개발자모드로 변경 재부팅 후 폰화면이 뜨면 > 설정 > '빌드 번호' 검색 > '빌드 번호'를 여러번 누르면 개발자모드로 변함 [개발자 옵션] 메뉴 생기는데 들어가서 > USB 디버깅 활성화 5. Android Studio 연동 새 Flutter 프로젝트를 하나 만들어준다. Power Shell 접속한 뒤 녹스 설치 ..
프로그래밍/Flutter 2022. 3. 12. 15:45
[Flutter] 2. 기본예제로 flutter 구현법 파악하고, 익히기

1. 밑에 보듯이, 프로젝트를 생성하면 다양한 폴더들이 있지만, 우리는 lib에 있는 main.dart만 집중하면 된다. 2. main.dart 를 이용하여 간단한 페이지를 수정해보았다. import 'package:flutter/material.dart'; // material이라는 패키지를 사용하여 프로젝트를 만들 것이니까! void main() { // 메인 함수 runApp(const MyApp()); } class MyApp extends StatelessWidget { // Stateless는 바뀔 수 없는 것들을 넣고 const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return M..
프로그래밍/Flutter 2022. 3. 12. 00:15
[Flutter] 1. 개발 환경 설치(Window Version)

1. Android Studio 설치 Download Android Studio and SDK tools | Android Developers 2. Git for window 설치 Git - Downloading Package (git-scm.com) 3. Flutter SDK 설치 (한국어 Flutter 페이지에서는 설치 failed 뜨니까 영문페이지로 가자) https://docs.flutter.dev/get-started/install/windows >> 로컬디스크 C의 src 폴더를 만들고 그 안에 압축파일을 푼다. >> C:\src\flutter\flutter_console을 관리자권한으로 열고, flutter doctor 입력한 뒤 설치여부 파악한다. 4. 안드로이드 마저 설치한 뒤 SDK를 ..
프로그래밍/Flutter 2022. 3. 11. 23:44
이전 Prev 1 Next 다음