0. 팀 프로젝트
주제: 팀원 소개 웹페이지 제작
1. 사용 기술 스택
- HTML / CSS
- JavaScript
- Firebase
- Git
2. 프로젝트 진행 과정
1) 와이어 프레임 작성
<메인 페이지>
<메인 페이지 - 상세 정보 (모달)>
<방명록 페이지>
2) 역할 분담
- 메인 페이지 - 1명
- 메인 페이지 - 상세 화면 모달 - 1명
- 방명록 페이지 - 1명
- 메인 페이지 JS - 1명 (담당)
- Firebase 관리 - 1명
3) 프로젝트 중 진행된 일들
- Github과 Branch를 통해 작업 영역 분리 및 협업
- 기존 채팅 화면 ---> 방명록 페이지 변경
3. 결과물
Github: https://github.com/mo00ai/Dipping
프로젝트 웹페이지: https://mo00ai.github.io/Dipping/
<메인 페이지>
- 팀원 추가 기능
- 팀원 상세 정보 수정 기능
<메인 페이지 - 상세 정보 (모달)>
<방명록 페이지>
- 방명록 추가(작성) 기능
- 방명록 수정 기능
- 방명록 삭제 기능
4. 트러블 슈팅
1) Git
< 브랜치 분리 >
Main 브랜치 하나가 아닌 Main(배포)-Deb(개발)-Local(개인/기능) 브랜치 사용
---> 충돌 최소화, 한명이 Git 관리자가 되어 Push 순서 관리 및 Pull 을 통해 최신 상태로 프로젝트 업데이트
< 커밋 메시지 >
커밋 메시지 컨벤션 (ex. Feat: 기능 업데이트) 을 활용하여 커밋
2) HTML / CSS
< HTML 요소 레이아웃 배치 및 정렬 >
HTML 요소 레이아웃 배치 및 정렬, 특정 CSS가 적용 안되는 문제
---> 개발자 도구(F12)를 통해 실시간 수정 확인, CSS 속성에 !important 추가
특정 요소(이미지)의 값이 변경이 안되는 문제
---> Html ID 중복으로 인한 문제 발생, ID 값을 다르게 하여 해결
3) JavaScript
< 데이터 관리 >
한 페이지 내 화면 분리로 인해 데이터 유지 관리 어려움
---> 초기 데이터 로딩 시 받아온 데이터를 리스트로 저장, Firebase 자동 생성 ID 를 자료 관리의 키로 사용하여 데이터 식별
5. KPT 회고
KPT 회고란?
Keep : 긍정적인, 유지시키고 싶은 부분
Problem : 아쉬운, 개선이 필요한 부분
Try : Problem의 해결책, 시도해 볼 만한 것
KPT 회고 방법론을 통해 이번 팀 프로젝트에 대해서 다같이 회고를 해보았다.
< Keep >
- 팀원간 뚜렷한 역할 분배, 의견교류가 원활하고 필요에 따라 회의나 협력이 즉각적으로 진행
- 튜터님의 피드백을 활용하여 프로젝트 미비점, 퀄리티를 올리는데 활용
< Problem >
- 깃 사용 미숙(pull, push, commit 메시지 작성 미숙), 프로그래밍 제외한 업무의 역할분배 필요
- 개발 진행상황을 가시적으로 쉽게 식별할 수 있도록 하여 개발 현황을 원활하게 파악할 필요성
- 변수 사용명/문법혼용(jQuery,일반js) 등 코드 유지보수를 보다 계획적으로 할 필요가 있음
- 오류 캐치, 입력값 제한조건, 방명록 수정시 날짜 자동 업데이트 등 일부 기능들이 빠졌을 때 빠르게 캐치 및 보완 필요
- 더티 코딩 방지
- 사용자별 화면 해상도가 다르기 때문에 메인페이지가 깨지는 이슈 발생
< Try >
- 회의 시 적극적인 의견 제시 및 피드백 교류를 통한 프로젝트 퀄리티 높이기
- 팀별 규칙 정하기 (데일리 스크럼, 커밋 컨벤션, 변수명 etc.)
- 편의성 기술 적극 사용 (부트스트랩, API etc.)
- 개인, 팀 프로젝트 진행시 깃 적극 사용
- 코드 리팩토링
6. 마무리
팀원 스케줄 이슈로 개발 기간이 3일으로, 비교적 짧은 시간이었지만 역할 분배가 잘 이루어졌고 팀원 모두 자신의 파트를 책임감 있게 구현하여 순조롭게 프로젝트를 마무리할 수 있었다.
물론 개발 중간에는 Git 사용(Branch 분리, Push/Pull 관리)부터해서 코드 병합 과정 중 문제 발생 등 여러 이슈가 있었지만, 팀원끼리 서로 협력한 결과 문제를 해결할 수 있었다.
짧은 프로젝트 기간이었지만 팀원들과 협력해서 프로젝트 결과물을 눈으로 보게 되니 뿌듯하다.
이번 프로젝트와 KPT 회고 결과물을 통해 생각했던 기술적/커뮤니케이션 아쉬움을 다음 프로젝트에 잘 적용해보고 싶다.
특히 이번 프로젝트에서 Branch를 분리하여 개발한 일, 개발 규칙(커밋, 변수명 etc.)을 다음에도 시도/유지하려고 해봐야겠다.
프로젝트 기간 동안 팀원들 모두 수고많았고, 주말 동안 잘 쉬고 다음 수업을 준비해야겠다. 1주차 적응기 끝~
