[flutter] 스터디 1일차 - hello world 찍기

in #flutter6 years ago (edited)

하이브리드 Navtive App 개발을 위한 google의 flutter 지금부터라도 스터디 가즈아 ~ 저도 초짜라 아는건 별로 없습니다.

1. hello world

  • 자 아래와 같은 hello world를 5분안에 만들어 보겠습니다.

스크린샷 2018-11-16 오전 1.14.28.png

flutter 설치는 [flutter] #001. 설치하기 ( in Windows ) 를 참조 바랍니다.

2. 만들기

스크린샷 2018-11-16 오전 1.24.47.png

  • File - New - New Flutter Project

스크린샷 2018-11-16 오전 1.27.32.png

  • main.dart 파일 싹 지우고 아래 코드 넣기
import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Welcome to Flutter',
      home: new Scaffold(
        appBar: new AppBar(
          title: const Text('Welcome to Flutter'),
        ),
        body: const Center(
          child: const Text('Hello World'),
        ),
      ),
    );
  }
}

스크린샷 2018-11-16 오전 1.30.11.png

녹색 실행 버튼을 눌러 줘요

3. 끝

참 쉽죠 ?

4. 맺음말

설명 이런거 안하렵니다. 처음부터 지치면 안되자나요 ㅋ
복붙으로 화면만 나옴 OK 입니다. 후하하
아래쪽 관련 글을 통해 설치 부분은 꼭 정독 후 본 글을 따라하기 바랍니다.

문의는 늘 대환영 ~ 단 답변은 언제 갈 지 모름 ;;

관련 글


출처 : https://codelabs.developers.google.com/codelabs/first-flutter-app-pt1/#0


Sponsored ( Powered by dclick )

dclick-imagead

Sort:  

모바일 개발 환경인가보네요. flutter 란게..

dart 라는 언어를 먼저 공부해야하는거죠???ㅎㅎㅎ

아니여 그냥 히는거죠 ㅋ

다준비된 상태에서 하면 시간이...

그때그때 조금씩 ㅋ

Hello World

짱짱맨 호출에 응답하여 보팅하였습니다.

앗... 저보다 느리심 ㅋㅋㅋㅋㅋㅋㅋ

저도 살짝 공부하는거 포스팅 하려다.... 귀찮아서 포기...

앞으로 굳헬로우~ 월드~ 로 띄워 주세요~

line 1 : good~~~~ hello world

1 line exception occurred. please restart goodhello.

Hi @wonsama!


Your UA account score is currently 3.700 which ranks you at #5105 across all Steem accounts.
Your rank has improved 246 places in the last three days (old rank 5351).Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!

In our last Algorithmic Curation Round, consisting of 285 contributions, your post is ranked at #119.

Evaluation of your UA score:
  • You're on the right track, try to gather more followers.
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

원사마님의 플러터 강좌를 기다렸습니다~!! 👍👍👍

헬로월드부터 가즈앙