Flutter 배우기 [01] 안녕 세상아!

배움의 계기

작년 말부터 Flutter라는 것을 알게 되었던 것 같다. 앱 개발에 관심이 있다 보니 찾아 보다가 알게 되기도 했고, 개발자 중에 실제로 이를 이용해 앱을 만드는 것을 보니까 흥미가 생겼다.

비전공자로서 native 언어는 두려움이 앞서고, 비교적 쉽게 여러 플랫폼에 적용 가능하다는 점이 큰 매력으로 다가왔다. (이것은 문과 감성)

그리고 최근에 기획 모임에서 비전공자(이지만 전기전자쪽을 전공하신) 한 분이 국비 교육 3개월 경험하고 이후 독학으로 앱을 만드신 걸 보고 크게 동기 부여가 되었다. 무엇보다 그 분은 아이도 있는 가장이셨는데, 가정의 배려(이자 희생) 덕에 하고 싶은 도전을 하고 계셨는데 그 모습이 너무 인상적이었다.

지금 나는 <파노라마>의 가사가 마음에 콕 새겨진 상태라서, 진짜로 버킷리스트 제대로 다 해보려고 한다. 콕 새겨진 핵심 가사는 ‘버킷리스트 다 해봐야 해’, ‘짧은 인생 쥐뿔도 없는 게 스쳐가네 파노라마처럼’ 이런 내용이다.

Flutter logo

배울 방법: 인터넷 강의

인터넷 강의를 결제했다! 일단 나는 결제부터 하고 본다. 어떻게 보면 나는 무언가를 참 무식하게 시작하는 것 같다.

이 강의 역시 이미 내가 가고 싶은 길을 앞서 걷고 계신 분께 추천 받았는데, 목차만 살짝 훑어보고 바로 결제했다. 내 입장에서는 ‘귀인’인 분들의 도움이라서, 무언가를 알게 되면 그걸 그냥 한다.ㅋㅋㅋㅋㅋㅋㅋㅋ (좋은 걸 알려주시는 분들께 감사를…!)

강의만 제공하고 끝이 아니라 QA, 코드리뷰, 진로상담까지 해주신다고 하니 편안한 마음으로 듣게 된다.

강의 수강 계획

69개 강의 (20시간) / 2주 내로 다 볼 예정이다!

애초에 저 정도 시간을 들여서 볼 수 있도록 만들어진 강의 같다. 또한 개인적으로 공부는 장기전보단 단기전이 더 성향에 맞아서 빠르게 볼 예정이다.

1–3일차: Dart 기초 문법 (여유있게 학습 + 실습)

• 변수, 함수, 클래스 등 기본 개념 정리
• 코드 직접 작성하며 연습

4–5일차: 기획 & 개발 환경

• 피그마로 앱 기획
• Flutter 설치 및 환경 설정
• IDE 설정과 기본 사용법

6–8일차: Flutter 기초 & 레이아웃

• Flutter 핵심 개념
• 위젯의 이해
• 기본적인 레이아웃 구성

9–11일차: 심화 기능 & 디자인

• 상태 관리
• 네비게이션
• UI/UX 디자인 적용

12–14일차: 실전 & 배포

• 테스트와 디버깅
• 광고 연동
• 스토어 배포 준비

DAY 1 배운 내용

IDE

개발 환경을 갖추고 프로그래밍 할 수 있는 공간

Dart 언어 특징

• Flutter 크로스 플랫폼 개발 언어: 플러터로 앱 개발을 하기 위한 프로그래밍 언어 중 하나
• Java와 유사하면서도 Javascript(웹 개발 시)와 비슷한 문법들도 존재
• 객체 지향 프로그래밍: class에 대해 배우면 이해할 수 있음

Main 함수

• 프로그램의 시작 지점을 가지고 있는 함수(function)

Print 함수

• 프로그램 실행 도중에 콘솔 창에 무언가를 출력하고 싶을 때 사용하는 함수

// 코딩할 때는 끝자리에 ;를 넣어줘야 함 (처음 알았다!)

Informative Yuni를 출력해볼까요?!

변수와 자료형

변수

• 변할 수 있는 수(값)
• 재사용에 효과적
• 값의 의도, 목적을 변수로 지정하면 명확한 이해 가능

String

• 문자열에 대한 변수
• string name = ‘informative yuni’
• 변수 타입, 변수명, 문자열
• name이라는 변수명을 가진 string 타입(선언)에 ‘~~’라는 문자열을 저장한다는 의미

int (integral)

• 정수형 타입의 숫자를 저장

bool

• 어떤 논리가 true/false뿐일 때 활용
• print 지원함
• bool isChecked

double

• 소수점 값을 표현하는 단위
• double tall = 164.9; (이렇게 작성하면 double 변수가 완성됨)

vart

• 변수 타입을 var로 선언하면 알아서 변수 값에 대한 타입을 추론함
• 나중에 데이터 타입들 다 익히면 써보기

<dynamic 타입 활용> (<-> static type)

• dynamic은 안의 데이터 타입이 계속 바뀌어도 상관 없음
• 사용을 권장하지는 않음
• var는 처음에 추론한 타입으로만 사용됨

오늘의 공부는 여기까지!

Hello everydone (everyone + done) :)