Flutter 캠프 1주차

은성·2025년 11월 28일

Flutter 본캠프

목록 보기
5/57
post-thumbnail

Flutter 내일배움스파르타 1주차 회고록

Flutter 내일배움 스파르타를 시작한 지 벌써 1주일이 지났다. 아직은 모든 것이 낯설고 어려운 부분도 많지만, 하루하루 새로운 기능을 배우고 직접 화면에 변화를 적용해보는 과정이 정말 흥미로웠다. 이번 주차 동안 어떤 것을 배웠는지, 어떤 고민을 했는지 정리해보려고 한다.

1일차 – Navigator 이해 & 프로젝트 준비

첫날에는 Flutter에서 화면 간 이동을 담당하는 Navigator 기능을 집중적으로 배웠다.

Navigator.push를 사용해 A → B 페이지로 이동하는 법,
Navigator.pop을 통해 다시 B → A로 돌아오는 구조

화면 이동의 기본 개념을 이해하면서,
Flutter 앱의 전체 흐름이 어떤 식으로 작동하는지 감을 잡기 시작했다.

막바지에는 팀 프로젝트를 위한 기본 준비 간단한 회의?를 했다.

2일차 – 팀 페이지 제작 시작 & 기본 위젯 활용

둘째 날부터 본격적으로 팀 프로젝트를 시작했다.
각자 개인 페이지를 만드는 작업을 했고,

SingleChildScrollView / Container

다양한 레이아웃 관련 위젯들을 직접 사용해보며 페이지 구성을 했다.
개발 중에 child 속성은 가장 마지막에 작성해야 한다는것을 알게 되었다.

또 GitHub를 사용해 소스코드를 관리하는 방법도 배웠다.
아직은 merge가 익숙하지 않지만 협업을 위해 꼭 필요한 과정이라는 걸 느꼈다.

3일차 – 개인 페이지 전면 리뉴얼

셋째 날은 거의 하루 종일 내가 2일차에 만든 개인 페이지를 완전히 갈아엎는 작업을 진행했다.
2일차에 만들었던 페이지는 스크롤을 하면 메모장 같은 메모에 사진이 이쁘게 정렬이 되지도 않고 너무 단순하게만 만든것 같고 촌스러워 보여서,
좀 더 깔끔한 구조로 개선하기로 했다.

그래서 사진을 페이지에서 바로 보여주는 대신,
글 중심의 메인 페이지 하단에 ‘사진 보기’ 버튼을 누르면 이동되도록 버튼까지만 만들었다.

4일차 – 사진 페이지 배열 & 팀 프로젝트 통합

넷째 날에는 개인 페이지 제작을 마무리하고 발표 자료를 준비했다.
특히 ‘사진 보기’ 버튼을 누르면 나오는 이미지 페이지에서 ColumnGridView를 조합하여 아래 사진 처럼 깔끔하게 3열 배열을 완성했다.

모든 팀원의 작업물이 마무리된 후, Git을 이용해 merge / pull / push를 반복하면서 팀원들의 페이지를 하나의 프로젝트로 통합하는 작업을 했다.
이 과정에서 충돌 해결의 필요성도 조금씩 느끼고, 협업의 중요성을 몸소 경험했다.

5일차 – 발표 리허설 & 코드 리뷰

마지막 날에는 팀별로 발표 리허설 및 발표를 진행하고 (나는 응원했다.)
이어서 튜터님들과 코드 리뷰 시간을 가졌다.

튜터님들은 유용한 VSCode 확장 프로그램과 코드 간소화하는 방법 등을 알려주셨다.
한 주 동안 배운 내용들을 다시 점검하는 느낌이었다.

1주차를 마치며

이번 주차는 정말 어려운 부분이 많았다.
문법과 위젯 구조는 헷갈릴 때도 많았고,같은 오류를 여러 번 마주하면서 막막한 순간도 있었다.

하지만 그만큼 배워가는 재미도 컸다.
내가 코드를 바꿀 때마다 에뮬레이터 화면에서 바로바로 반영되는 모습을 보며,
그래도 내가 뭔가 하고 있기는 하는구나 생각을 했다.

이번 한 주 동안 Flutter가 어떤 방식으로 동작하는지 사전강의를 들을 때 보다는 감을 잡았다 생각을 한다.
팀 프로젝트를 통해 협업 툴과 화면 설계의 중요성도 함께 배울 수 있었다.
다음 주에는 이번 주보다 더 집중 하며 12시간을 보낼 수 있길 기도한다.

0개의 댓글