팀 소개 사이트) KPT회고✍️

1. Team Project - 팀 소개 페이지🍚

01. 완성 페이지 엿보기

⬆️ 첫 메인화면

⬆️ 팀 소개 페이지

⬆️ 멤버 소개 페이지 & 카드

⬆️ 멤버 추가 카드

⬆️ 멤버 추가 완료

2. Project KPT Review🗒️

01. 팀

• KEEP : 만족하는 부분

- 팀원 간 소통이 원활히 이루어졌다.
- 막히는 부분은 화면 공유를 하면서 다같이 해결하고자 했다.
- css 코드를 작성할 때, 의견이 다양하게 나와서 디자인의 완성도가 올라갔다.

• PROBLEM : 문제가 발생한 부분

[기능부분]
- CRUD에서 U/D에 해당하는 기능을 구현하지 못했다.
- 웹페이지를 로딩할 때, 멤버추가 모달창이 짧은 시간 등장했다 사라진다.
- 메인화면으로 돌아가는 기능이 없다.

[소통부분]
- Git/Github에서 충돌문제 해결에 시간이 오래 걸렸다.
- 변수명, id/class명이 통일되지 않아 헷갈린다.
- 웹페이지 구성에 대한 체계가 잡혀있지 않아서, 소통/제작이 딜레이되었다.

• TRY : 개선방안

[기능부분]
- 나중에 멤버카드 수정/삭제 기능을 추가한다.
- 멤버추가 모달창에 'switch' class를 미리 주는 방식으로 코드를 다시 짠다.
- 메인화면으로 돌아가는 버튼을 추가한다.

[소통부분]
- Git/Github 사용에 친숙해지도록 학습하고, 주석/README파일에 규칙을 미리 정한다.
- 변수명, id/class명은 직관적으로 보일 수 있도록 짓는다.
- 웹페이지 구조에 대한 학습을 진행하고, 다음 프로젝트에선 와이어프레임을 더 세심하게 제작한다.

02. 개인

• KEEP : 만족하는 부분

- 팀원들과 열심히 소통하고자 노력했다.
- Github를 사용해 협업을 해보았다.
- TIL을 꾸준히 작성했다.

• PROBLEM : 문제가 발생한 부분

*담당기능 : 멤버 소개 카드 모달창 HTML 제작
		  멤버별 카드 Text 추가, 좋아요(♥︎)/닫기(✕) 버튼 기능 구현

[기능부분]
- forEach문을 사용하여 제작하여, 멤버 추가 카드의 해당 부분이 null로 출력되었다.
- member배열에 새로운 정보(firebase에서 불러온 정보)는 정렬이 되지 않았다.
- 좋아요(♥︎)가 새로고침 시 사라진다.

[소통부분]
- 연말이어서 약속이 많아서 늦은 시간까지 남아 진행하지 못했다.
- 팀의 역량을 속단하고, 못할 것 같은 부분을 다음으로 미뤘다.

• TRY : 개선방안

[기능부분]
- 멤버 추가 카드에는 배열 요소가 적용되지 않도록 적용 범위를 미리 설정한다.
- member배열 내 요소의 인덱스 값(입력시간이나 순서 등)을 미리 설정한다.
- "Supabase", "인증/인가"에 대한 학습을 진행한 후, 기능을 추가해본다.

[소통부분]
- 하루 목표를 달성하지 못하면 끝까지 남아서 진행한다.
- 어려운 과제에 대해 한계를 정하지 말고, 도전하는 태도를 갖는다.