파닥파닥 Flutter (빠르고 가볍게 Flutter 흔들기)
    • 01
      PREFACE
    • 구름MEDIA 추천사
      책 소개
    • 02
      What is Flutter
    • Flutter?
      크로스 플랫폼이란?
      Flutter vs React Native
      Flutter로 만들어진 앱들
    • 03
      환경 구축하기
    • Flutter 개발을 위한 환경
      Mac OS에서 환경 구축하기
      Windows에서 환경 구축하기
      Git 설치
    • 04
      Dart 기초 다지기
    • Hello, Flutter
      자료형
      변수
      조건문
      반복문 (for)
      반복문 (for-in)
      조건문 (while)
      함수란?
      객체로서의 함수
      함수의 인자
      주석
      임포트
      클래스
      상속
      추상 클래스
      인터페이스
      정리
    • 05
      Let's Toy Project - Part1
    • 무엇을 만들까요?
      starter 프로젝트 가져오기
      코드 분석
      화면(UI) 구축 시작하기
      상단 화면 개발
      탭 화면 개발
      Widget의 생명주기
      리스트 화면 (일반) 개발
      리스트 화면 (Grid) 개발
      상세 화면 연결
      상세 화면 개발
      포스터와 간략 정보 화면 개발
      줄거리 화면 개발
      감독 및 출연진 정보 화면 개발
      한줄평 화면 개발
      댓글 입력 화면 개발
      기타 마무리 작업
    • 06
      Let's Toy Project - Part2
    • HTTP 알아보기
      데이터 연동 준비
      영화 목록 데이터 요청
      팝업 항목 선택에 따른 영화 목록 호출
      영화 상세 데이터 요청
      영화 한줄평 데이터 요청
      영화 한줄평 입력 요청
      프로젝트를 마무리하며
    • 07
      맺음말
    • 맺음말
    Hello, Flutter
    배우기
    04 Dart 기초 다지기
    Hello, Flutter

    콘솔에 문장을 출력하는 것부터 시작해봅시다.

    dart

    Flutter는 Dart로 구현되어 있고, Flutter를 사용하여 앱을 만들기 위해서는 Dart 언어를 사용해야 합니다.
    Flutter를 살펴보기에 앞서 Dart 언어에 대해 살펴봅니다.

    아래의 QR코드를 스캔하면 코드 수정 페이지로 연결됩니다. 에디터에서 코드를 직접 작성하고 실행해보세요. 콘솔 화면에 Hello, World!가 출력된 것을 확인할 수 있을 것입니다.

    간단하게라도 프로그래밍을 배운 경험이 있다면 크게 어렵지 않을 것입니다. 하지만 프로그래밍 경험이 없는 분들을 위해 위의 코드를 쪼개어 살펴보겠습니다.

    • main() 함수

    C 언어나 Java에 main의 이름을 갖는 함수가 있듯, Dart에도 main() 함수가 있습니다.
    이 함수는 Dart로 작성한 프로그램의 진입점이 되므로 Dart로 작성된 모든 프로그램은 항상 main() 함수를 호출하는 것으로부터 시작됩니다.
    우리는 이 함수 내에 프로그램이 시작된 후 수행하기 원하는 내용을 작성할 것입니다. 자세한 내용은 이후에 등장하는 함수체계에서 더 자세히 설명하겠습니다.

    • print() 함수

    콘솔에 무언가를 출력하고 싶다면 print() 함수를 사용하세요.
    Flutter 프로젝트를 진행하면서 로그를 확인할 때 유용하게 사용할 수 있습니다.

    • 'Hello, Flutter!'

    Dart에서 문자열은 작은따옴표(') 또는 큰따옴표(")로 시작하고 끝나는 것으로 정의할 수 있습니다.
    "Hello, Flutter!" 처럼 작성해도 아무런 문제가 없습니다.

    • ; (세미콜론)

    C 언어나 Java처럼, Dart도 모든 실행문 끝에 세미콜론(;)을 붙여야 합니다.
    그렇지 않으면 컴파일 에러가 발생하게 되어 프로그램을 실행할 수 없게 됩니다.


    실습 내용

    콘솔에 문장을 출력하는 것부터 시작해 봅시다.

    • "Hello, Flutter!"라는 문자열을 채우고 실행해보세요. [채점 조건]
    • "Hello, Flutter!" 부분을 다른 문자열로 수정하고 실행해보세요.
    입/출력 예시
    :
    공백
    :
    줄바꿈
    :
    예시 1
    출력
    Hello,Flutter!
    ⋇ 입출력 형식을 잘 지켜주세요
    질문하기