오늘의 주제

• 멀티플랫폼 앱개발 프레임워크인 Flutter에 대해 이해한다.
• Flutter는 Dart 언어의 UI 프레임워크로 기초적인 Dart 언어를 학습한다.

오늘의 목표

• Dart 언어의 기초 문법을 학습합니다.
• Dart 언어를 사용하여 UI를 만드는 Flutter 프레임워크에 대해 이해합니다.
• Flutter의 개발환경을 구축해보자.

오늘의 미션

1. 프로그래밍 언어인 Dart에 대해 알아보자.

   • 프로그래밍 언어는 인간이 자연스럽게 사용하는 자연어와 기계가 처리할 수 있는 기계어 사이에서 명령어 전달을 돕는다. Dart가 그러한 프로그래밍 언어 중에 하나이다.

   • 프로그래밍 언어는 주로 아래와 같은 구성요소를 갖는다.

     • 변수

     • 함수

     • 라이브러리

     • 제어구조

     • 연산자

     • 데이터 타입

     • 문법

       

   • (미션) 위에 적힌 프로그래밍 구성요소들이 무엇인지 설명하시오

   • (답을 여기)

2. Flutter는 Dart 언어의 UI 프레임워크입니다.

   • Flutter와 Dart는 구글에서 모두 만들어졌습니다.

   • Flutter는 Dart 언어로 멀티플랫폼 앱의 UI를 구현하도록 하는 패키지와 유용한 함수들을 가진 모음입니다.

     

   • (미션) 플러터의 홈페이지에서 소개하는 플러터 프레임워크의 특장점들을 정리해보세요.

     • (답을 여기)

3. Flutter 설치하고 환경설정해보자.

   • Flutter SDK를 설치합니다.
   • Flutter UI 프레임워크뿐만 아니라 멀티플랫폼 앱을 개발하고 테스트하고 빌드하는 CLI 및 소프트웨어도 설치합니다.
     • Android Studio: Flutter SDK를 사용해서 Android 앱 배포
     • Xcode: Flutter SDK를 사용해서 iOS 앱 배포 (macOS에서만 사용가능)

4. 가상 디바이스를 사용하여 앱의 동작을 살펴봅니다.

   • Android: 안드로이드 스튜디오, project IDE, VS code 등의 IDE를 통해서 Android emulator를 실행할 수 있습니다.
   • iOS: Xcode등을 통해서 iOS simulator를 설치하고 실행할 수 있습니다.
   • (미션) 각자 OS에 맞는 환경설정을 잘 마쳤다면, 셋업한 내용들을 순서대로 적어보자.
     • (답을 여기)

5. Dart 기초에 대해 알아보자.

   • Dart의 특징

     • 구글에서 개발한 현대적인 객체지향 프로그래밍 언어입니다.
     • 타입 추론 기능, 비동기 프로그래밍 등 강력한 기능을 제공합니다.
     • AOT, JIT 컴파일을 통해 네이티브 크로스 플랫폼 개발에 적합합니다.
     • Null-Safety는프로그래밍 언어에서 null 값에 대한 안정성과 예외 처리를 개선하는 기능입니다. Null은 값이 필요한 변수가 메모리에 할당조차 안 되어 있는 것을 의미합니다. 간단한 코드는 Null을 사용하지 않는 것만으로 해결되나 코드양이 많아지면 의도치 않게 Null이 할당되는 경우가 발생할 수 있습니다.

     

     • Hybrid Compile은 Dart 코드를 다른 프로그래밍 언어로 변환하여 실행할 수 있는 기술을 말합니다. 상황에 따라 Javascript로 변환되어 웹 브라우저에서 실행될 수도 있고, Flutter를 활용하여 Dart 코드를 네이티브 코드로 변환하여 모바일 앱에서 실행될 수도 있습니다.

       

     • JIT: 컴퓨터가 코드를 사용할 때에 컴파일한다. 개발할 때 가상머신과 사용되며, 코드가 변경될 때, 컴파일된다.

     • AOT: 실행되기 직전에 기계어로 번역되어 바이너리가 다 할당된다. 실행되면 바로 처리하면 된다.

     

6. Dart 클래스에 대해 이해해보자.

   

   • 클래스의 구성요소는 아래와 같습니다.
     • class 키워드와 클래스 명을 사용하여 클래스를 선언합니다.
     • 클래스 본문(body)에는 클래스 맴버인 property와 method가 선언됩니다.
     • 인스턴스를 초기화할 때 사용하는 클래스 생성자를 선언합니다.
   • 클래스는 다른 클래스를 그대로 상속도 가능하며, 맴버나 생성자를 추가하거나 변경할 수 있습니다.

7. 작업을 동시에 수행할 수 있는 Dart의 동시성

   

   • Dart는 하나의 작업을 순차적으로 처리하는 동기성(Syncronous)을 지원합니다.

   • 그리고 동시에 여러 작업을 진행할 수 있는 비동기성(Asyncronous)을 지원합니다.

   • 비동기성은 의존성을 다루고 가독성을 높이는데 어려움이 있습니다.

     

   • 비동기 작업이 끝나면 Future에 값이나 오류가 하나 반환된다.

   • Stream 키워드는 실습하지 않았지만, 일정 기간에 걸쳐 여러 비동기 이벤트를 처리합니다. 여러 개의 값, 오류를 반환하거나 종료할 수 있습니다.

8. Null safety에 대해 알아보자.

   • 플러터에서 변수들은 Null이면 에러가 발생한다.
   • 변수명 끝에 ‘?’를 작성해주면, Null을 허용한다.

9. (종합퀴즈) 아래의 Calculator 클래스 완성하기

   class Calculator {
     const Calculator();
   
     void add(int first, int second) {
       print(first + second);
     }
   
     void subtract(int first, int second) {
       print(first - second);
     }
   
     void multi(int first, int second) {
       print(first * second);
     }
   
     void divide(int first, int second) {
       print(first / second);
     }
   }
   
   void main() {
     Calculator calculator = Calculator();
   
     calculator.add(3, 3);
     calculator.subtract(5, 1);
     calculator.multi(3, 3);
     calculator.divide(20, 4);
   }
   
   

   • (답을 여기)

오늘의 회고