251226금요일
오늘부터 팀 프로젝트를 정식으로 시작한다.
중요한 점은 디자인만 신경쓰기 보다는 필수적으로 구현해야 될 기능을 반드시 구현하기!
더 중요한 것은 시간 내 완수를 지키는 것이다!
😆 1. 이번 주 목표 & 할 일 (Goal & To-Do)
[Flutter 기초] 팀 프로젝트
- 주제: 쇼핑몰 플랫폼 앱 만들기 - 'apple market'
- 제출일: 1월 2일 금요일 오전 11시 까지!
- 발표순서: 첫번째 2조, 두번째 1조(발표자: 팀장 주혜림)
12월 26일: 오후 5시까지 S.A제출하기 완료
👍 2. 이번 주 학습 내용/성과 (Learned & Achievements)
새롭게 배운 개념, 지식, 기술
1. 팀 프로젝트 노션 작성
애플마켓 노션 링크
2. 깃 레포지토리 만들기
팀 프로젝트 깃 링크
1. Github에 앞으로 팀 프로젝트 진행을 위한 apple_market 레포지토리를 생성
2. 팀원 초대
3. Flutter에서 연동을 완료하였다.
[ 진행 ]
팀원끼리 역할분담을 정하고 난 뒤,
각자 페이지나 위젯에 대한 코드를 짠 뒤 각자 브랜치를 업로드하고,
오류가 있다면 코드를 수정한 뒤 메인 브런치로 합치고 가지는 삭제한다.
프로젝트 완성까지 작업한 코드를 합치고 정리하는 과정을 거친다.
3. 피그마 UI 디자인 및 페이지 구성과 구현 기술에 대해 정리 1차*
팀 프로젝트 피그마 링크
아직 피그마 사용에 익숙치 않아 UI디자인을 구현하는 것도 헤맸지만
디자이너처럼 깔끔하고 정확한 레이아웃을 구상하는 것도 다소 어려웠다.
❗️
1. 한번 방향성을 잘못 잡아서 다시 팀원들과 제시 된 가이드 라인을 잡고,
2. 앱의 디자인의 통일성을 만들어줄 컬러코드와 폰트코드를 정리했다.
3. 공통적으로 쓰이는 appBar와 Icon, Button 등의 레이아웃과 사이즈를 명확히 정리해서 앱의 기본 레이아웃을 완성했다.
4. '애플 제품 중고거래' 라는 앱의 특성에 맞춰서 메인 Logo 등 컨셉을 잡았고,
5. 중고거래 앱의 화면 구성을 상상하며 각 페이지에 구현되었으면 하는 내용들을 정리하였다.
5. UI화면을 그려보면서 중요한 포인트는 구현하고자 하는 코드를 같이 생각하면서 정확히 얼만큼의 높이값을 주는지, 스크롤을 했을 때 실제 화면이 어떻게 보일지 상상하면서 와이어프레임을 그렸다.
👍 3. 문제 & 해결 과정 (Problem & Solution)
학습하거나 프로젝트를 진행하면서 마주쳤던 기술적인 문제를 구체적으로 기록합니다. (예: 어떤 오류가 났는지, 왜 막혔는지)
[ 프로젝트를 진행하면서 생겼던 문제 ]
피그마
1. 팀원과 초반 와이어 프레임을 어느 정도의 수준으로 그려내고 과제를 진행할 것에 대한 조율이 충분치 않은 채 진행이 되었다.
2. 어떤 페이지에 어떤 기능이 들어갈지, 각 페이지의 디자인 통일성은 어떻게 잡을지 먼저 정해야 했으나, 기능 구현을 우선으로 진행하다 보니 누가 어떤 부분을얼만큼 진행할지 명확히 나누지 못했고, 역할 분담도 차이가 나게 되었다.
[ 해결 과정 ]
- 튜터님께 1차적으로 만든 가이드 라인을 보여드렸고,
- 팀 프로젝트 노션 S.A 진행 방법을 배웠고,
- 피그마로 디자이너에게 시안을 받았다고 가정을 하고
참고할 자료들을 서칭하고, ios 탬플릿들을 찾아서 적용하였다.
UI 디자인을 완성하는 과정에서 - 각 페이지 별로 어떤 내용이 구현되면 좋을지 팀원들과 함께 상세히 구상을 한 뒤,
- 어떻게 기술적인 구현을 할지 모든 팀원이 내용을 보고 정확히 수행할 수 있도록 했다.
☺️ 4. 느낀 점 & 회고 (Retrospection & Feeling)
이번 주 학습/작업에 대한 주관적인 평가와 느낀 점을 기록합니다.
디자인을 전공했지만 앱 UI디자인은 정말 다른 분야라고 느껴졌다..
전체적인 디자인 통일성과 컬러, 폰트를 먼저 정하고 디자인을 완료한 뒤 시작을 하는 것이 맞다고 생각은 했지만 설득을 하는 일에 다소 약했던 것 같다!
같이 하는 팀원에게 신뢰를 줄 수 있도록 코드 공부를 더 하고, UI디자인이 깔끔하게 보이도록 수정해보아야겠다.
💪 5. 다음 주 목표 & 다짐 (Next Week Goal & Try)
이번 주 느낀 점을 바탕으로 다음 주에 시도해 볼 개선 사항 (Try)을 구체적으로 정합니다.
-
플러터 개인과제에 이번 팀 프로젝트와 관련된 모든 내용이 담겨져 있어서 복습을 통해 기능 구현에 대한 실력을 올리고자 한다.
-
코딩만 하는 개발자가 아니라 UI디자인에 대한 이해도가 있어야 더 멋진 구현이 가능할 것이라고 생각한다.
애플마켓 UI디자인을 여러 레퍼런스를 참고하여 완성해보도록 해야겠다.
