📝 Flutter 팀 과제 - 쇼핑몰 플랫폼

오늘부터 팀 프로젝트 '쇼핑몰 플랫폼'을 시작했다. 프로젝트 첫날이라 팀원들과 함께 서비스 방향과 UI 설계에 대해 집중적으로 논의했다.

1️⃣ 서비스 정의 및 기능 정리

가장 먼저 Flutter 과제에서 구현할 기본 기능과 도전 기능을 확인하고, 과제 기간이 한정되어 있어 S/A(System Architecture)를 작성하며 어떤 플랫폼을 만들지 기획하고, 개발 일정을 기준으로 마일스톤을 정리했다.

S/A

S/A란?

System Architecture (시스템 아키텍처): 시스템 전체 구조와 구성 요소를 설계하는 과정
System Analysis (시스템 분석): 시스템이 수행해야 할 기능, 데이터 흐름, 사용자 요구사항을 분석하는 과정

서비스의 설계도

S/A 목적

개발 전에 서비스 전체 구조를 명확히 파악
데이터, 화면, 기능 간 관계를 미리 설계
예외 상황과 요구사항을 사전에 확인
실제 개발 과정에서 길을 잃지 않도록 가이드 제공

S/A 구성요소

구분	내용
기능 명세 (Feature)	시스템이 제공해야 하는 기능 목록
화면 설계 (UI/UX Flow)	사용자가 보는 화면 흐름과 인터랙션
데이터 구조 (DB 설계)	저장, 조회, 수정 등 데이터 흐름과 구조
개발/배포 계획	개발 일정, 마일스톤, 우선순위

2️⃣ 와이어프레임 확인

요구사항을 정리한 뒤, 상품 목록/상세/등록 화면의 와이어프레임을 확인했다.

상품 목록: 가독성을 최우선으로 배치
상품 상세: 구매 버튼과 상품 수량 선택 UI 배치 고민
상품 등록: 직관적으로 설계해 등록 과정에서 이탈 최소화

3️⃣ Figma로 디자인 작업

확정된 와이어프레임을 바탕으로 실제 화면처럼 디자인을 입혔다.
특히 고민했던 부분은 '좋아요' 버튼과 찜한 목록을 보는 위치였는데 긴 고민 끝에 앱바에 배치하는 걸로 결정했다. 피그마에서 직접 배치해보면서 팀원들과 의견을 조율한 과정이 좋았다.

공부 소감

설계 단계에서 화면과 기능을 구체적으로 잡아두니 개발할 때 방향이 훨씬 명확해질 것 같다.
디자인하면서 욕심나는 요소가 많았지만 과제 기본 기능 완성을 목표로 잡으며 중심을 잡았다.
첫날부터 팀원들과 소통이 괜찮게 되는 것 같아 앞으로 개발 과정이 기대된다.