[Flutter 앱 개발 / 11일차] 대학생의 앱 개발로 돈 벌기 프로젝트 - 채팅앱 만들기

어제는 블로그를 쓰지 않았다.
사실, 그저께 10일차 포스팅을 새벽 2시 넘게까지 쓰다가 다음날 늦잠을 자버렸다.
덕분에 알람을 끄고 조금 더 자버려서(??) 11시에 모이는 스터디에 지각을 했다.
그래서 앞으로의 게시글은 10일차 같은 칼럼 형식보다는,
간략하게 오늘 무슨 일을 했는지를 기록하는 일기의 형태로 가지 않을까 싶다.
그래도 안 쓰는 것보다는 짧게라도 꾸준히 쓰는 게 좋으니까.

---

어제오늘은 "코딩셰프"님의 강의 영상을 보면서 간단한 채팅앱을 만들어봤다.
그리고 오늘 드디어 채팅앱을 다 만들었다.
아래는 실행 모습이다.

---

맨 처음 앱을 실행시키면 아래와 같은 회원가입 화면이 보인다.

먼저, 프로필 사진을 추가하자.
SIGNUP 버튼의 오른쪽에 있는 사진모양 아이콘을 클릭하면, 아래와 같은 팝업 창(Dialog) 이 뜬다.

위의 Add image 버튼을 누르면 아래와 같이 사진을 찍을 수 있게 카메라로 전환된다.
난 에뮬레이터 환경에서 실행시켰기에 아래와 같은 가상의 피사체가 나타났다.

"찰칵"
사진을 찍고 체크 버튼을 누르면 아래와 같이 아까의 팝업창으로 돌아간다.

그리고 Close 버튼을 눌러 회원가입 화면으로 되돌아온 후,
아래의 화살표(→) 버튼을 누르면 채팅방에 입장하게 된다.

짜잔!
아래는 두 스마트폰 상에서 채팅을 하는 과정을 볼 수 있다.

---

채팅앱을 만들면서 앱의 UI 구현도 조금은 익숙해진 것 같고,
파이어베이스의 다양한 기능들을 사용해 보면서 데이터를 서버에서 가져오거나 서버로 보내기 등 데이터 처리와 관련해서도 알게 되었다.
빨리 나머지 강의들을 듣고 직접 프로젝트를 하나 만들어 보고 싶다.

오늘은 딱 적당한 시간 내에 글을 쓴 것 같다.
지금은 밤 11시 20분인데, 12시 30분 정도 까지는 플러터 공부를 하다가 잘 생각이다.

그럼 안녕~

---

1일차 보러가기 ↓↓

[Flutter 앱 개발 / 1일차] 대학생의 앱 개발로 돈 벌기 프로젝트

날씨앱 보러가기 ↓↓

[Flutter 앱 개발 / 8일차] 대학생의 앱 개발로 돈 벌기 프로젝트 - 날씨앱 만들기