728x90 반응형 앱만들기5 2021.12.29_05.Flexible 1. Flexible 컨테이너 두개가 있을때 각 각 50% 너비를 주고 싶다면? width :50% 안됨 Flexible로 감싸면 됨 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( home: Scaffold( appBar: AppBar(), body: Row( children: [ Flexible(child: Container(color: Colors.. 2021. 12. 29. 2021.12.29_04.AppBar 1.Typography 1.1 글씨 색 조절 (기본) 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( home: Scaffold( appBar: AppBar(title: Text('앱임'),), body: SizedBox( child: Text('안녕하세요', style: TextStyle(color: Colors.red), ), ), ) ); } } .. 2021. 12. 29. 2021.12.27_1.2기본위젯4가지 1.메인페이지 lib -> main.dart 이곳이 메인 페이지임 2.중요한 세팅 test -> analysis_options.yaml rules를 적용할 것 Lint를 끄는것, 잘 못된 관습 같은것 못쓰게 하는것 인데 무튼 초보때는 지키기 힘들기 때문에 끄는것 rules: prefer_typing_uninitialized_variables : false perfer_const_constructors_in_immutables : false perfer_const_connstructors : false avoid_print : false 3.코드구현 stless를 입력하고 엔터를 누르면 아래와 같이 나옴 나오고 Myapp을 입력해줘야함 import 'package:flutter/material.dart';.. 2021. 12. 28. WEB 만들기 15 - Create React App 예전에 리액트 앱을 처음 실행하려면 Babel이나 Webpack을 설정하기 위해서 많은 시간이 걸렸다. 하지만 이제는 create-react-app Command로 바로 시작할 수 있습니다. Babel 최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 자바스크립트 문법을 구형 브라우저에서도 돌수 있게 해주는것을 말한다. Webpack 이걸을 통해 저런것을 묶어주는 bundle을 시킨다. 이런식으로 폴더로 서버와 클라이언트를 구분해주고 cd client로 해서 client쪽으로 들어간후에 npx create-react-app . 해줍니다. 이렇게 해주고 여기서 지금까지 npm을 했는데 npm은 뭐고 npx는 무엇인지 생각할 수 있다. 다음에 알려드리겠습니다. 2021. 1. 19. 이전 1 2 다음 728x90 반응형
