[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 라는 언어를 먼저 공부해야하는거죠???ㅎㅎㅎ

아니여 그냥 히는거죠 ㅋ

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

그때그때 조금씩 ㅋ

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

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

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

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

line 1 : good~~~~ hello world

1 line exception occurred. please restart goodhello.

Hi @wonsama!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
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).

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

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

헬로월드부터 가즈앙