Flutter 입문: 비개발자가 첫 앱을 만드는 방법

 

오래 전에 만들어 둔 글인데 이제야 올리네요. 기초부터 차근차근 함께 해 봅시다!
😁😁😁

목차

1. Flutter가 뭐지?
2. 설치부터 시작!
3. 첫 앱 만들어보기
4. Flutter 앱 구조 이해하기
5. Flutter 배우면서 느낀 점
6. 앞으로 해볼 것들
7. Flutter 공부하면서 함께 성장해요!

Flutter, 나도 처음 시작해봐요

안녕하세요, 스테디빌더입니다 ! 😆

오늘은 Flutter를 처음 공부해보려는 제 이야기를 적어볼게요. 저도 지금 막 Flutter를 설치하고 첫 앱을 만들어보고, ToDo 리스트 앱을 한 번 만들어 본 입장이라 완전히 초보의 입장에서 글을 쓰고 있습니다. 함께 Flutter를 배우며 성장해봐요! 언젠가 앱으로 건물주처럼 앉아서 돈을 많이많이 벌어봅시다! 😁👍


---

1. Flutter가 뭐지?

Flutter는 구글에서 만든 앱 개발 도구예요.

하나의 코드로 여러 플랫폼(안드로이드, iOS, 웹 등)에서 작동하는 앱을 만들 수 있어요.

Dart라는 언어를 사용하는데, 처음에는 조금 생소하지만 배우기 쉬운 언어입니다.

Flutter는 앱 화면을 구성하는 블록을 위젯(widget)이라고 부릅니다. 위젯을 조립해서 앱을 만든대요. 마치 레고처럼요!

검색해 보니 "Flutter로 앱 개발하기", "Flutter 입문", "Flutter 위젯 쉽게 배우기" 같은 키워드가 많이 보이더라고요. 초보 개발자들에게 꽤 인기 있는 도구라는 걸 알게 됐어요.


---

2. 설치부터 시작!

Flutter 설치 과정을 공유해볼게요. 저도 처음 해보는 거라 시행착오가 있었지만 천천히 따라하니 어렵지 않더라고요.

1. Flutter SDK 다운로드
Flutter 공식 홈페이지에서 제 운영 체제(Windows)용 SDK를 다운받았어요.


2. 환경 변수 설정
다운로드한 폴더를 환경 변수에 추가했어요. 이건 터미널에서 Flutter 명령어를 쓰기 위해 필요해요.


3. Flutter Doctor 실행
설치가 끝난 뒤 flutter doctor 명령어를 실행했어요. 이게 정말 유용하더라고요. Flutter가 제 컴퓨터 상태를 확인하고 필요한 추가 작업을 알려줬어요.



여기까지 오니 드디어 "Flutter 설치 완료" 상태가 됐어요.


---

3. 첫 앱 만들어보기

flutter create my_first_app
cd my_first_app
flutter run

기본 앱이 실행되었어요! 버튼을 누를 때마다 숫자가 올라가는 간단한 앱이 화면에 나왔어요.

"Flutter 첫 앱 만들기"라는 목표를 달성했어요. 기본적으로 동작하는 앱인 것 같은데 여하튼 동작하게끔 만들었으니 작은 성공이지만 뿌듯했습니다!


---

4. Flutter 앱 구조 이해하기

Flutter 앱은 위젯을 이용해 화면을 구성해요. 제가 수정해본 코드를 보여드릴게요.

---

---

이 코드를 실행했더니 화면 가운데 "안녕하세요, Flutter!"라는 문구가 나타났어요. Flutter 위젯을 직접 다뤄본 첫 경험이었어요.


---

5. Flutter 배우면서 느낀 점

설치 과정에서 약간 헷갈렸지만, 하나씩 해결하니 큰 문제는 없었어요.

첫 앱을 실행했을 때는 정말 신기했죠.

"Flutter로 안드로이드 앱 만들기", "Flutter iOS 앱 개발" 같은 키워드를 검색하며 공부했는데, 많은 사람들이 Flutter를 추천하는 이유를 조금 알겠더라고요. Flutter 와 비교해 볼 수 있는 프레임워크도 한번 소개해 볼게요.



---

6. 앞으로 해 볼 것들

Flutter를 더 배우기 위해 간단한 기능을 추가해 볼까 합니다.

버튼을 눌렀을 때 문구가 바뀌는 기능이나
리스트를 만들어서 할 일을 추가하는 앱 (이건 벌써 올렸죠 ㅎ)
Flutter 위젯을 더 다양하게 사용하는 방법


"Flutter 앱 개발 초보자 가이드" 같은 검색어로 정보를 찾아가며 천천히 공부해볼 계획이에요.


---

7. Flutter 공부하면서 함께 성장해요!

저도 Flutter를 처음 시작하는 비개발자입니다. 저처럼 처음 시작하는 분들과 함께 배우며 성장하고 싶어요. 앞으로도 Flutter 관련 경험을 블로그에 계속 기록할 예정입니다. 많이 기대해 주세요 !

혹시 저와 비슷한 고민이 있다면 댓글로 남겨주세요. Flutter로 앱 개발하는 과정을 함께 나눠봅시닷 !