팀 소개 웹페이지 제작(firebase,git)
팀 프로젝트1 KPT
1. 프로젝트
1) 프로젝트 목표
firebase와 git&github를 이용해서 팀과 팀원을 소개하는 웹페이지 제작
2) 사용 & 배운 것들
- git & github
깃 - 기본적인 사용법 숙지 - firebase 활용
import : query, Timestamp - 비동기 처리의 이해&사용
setTimeout(메인페이지), async(개인페이지)
3) 아쉬웠던 점
- 할 수 있는 것만 도전하기보다 좀 더 다양한 기능을 시도해볼걸..😢
- 좀 더 적극적인 태도로 나서볼걸.. 😢
(다음번에 그렇게 하면 되지!!!!!)
2. Keep
- 발한 의사소통
- 적극적인 의견 제시
- 적극적으로 팀원과 도움을 주고 받기
- 수용적이고 존중하는 태도
3. Problem ( & Solution )
1) 개인 페이지
메시지가 서버에 저장된 순서대로 출력되지 않음
서버에서 데이터를 받아올 때, 변수를 쿼리방식으로 초기화 시도
orderBy("timestamp")로 쿼리를 실행했지만, 데이터를 아예 읽어오지 못함
모듈 문제
Firebase를 초기화 할 때, 내가 필요한 모듈들을 명시
serverTimestamp, query, orderBy 임포트
2) 메인 페이지
기존의 텍스트가 사라지기 전에 새로운 텍스트가 출력돼서 레이아웃이 밀리는 현상
기존 텍스트를 숨기는 부분 :
element.style.opacity = '0';
setTimeout(() => { element.style.display = 'none'; }, 500);뉴텍스트를 표시하는 부분 :
element.style.display = 'block';
setTimeout(() => { element.style.opacity = '1'; }, 10);기존 텍스트 :
opancity = 0이 되서 사라짐, display='none'은 500ms 후에 적용 새 텍스트 :
opacity = 1이 될 때 까지 걸리는 시간 10ms시간이 겹침
기존 텍스트가 완전히 사라진 후, 새로운 텍스트가 표시되게 수정
기존 텍스트의 display: none 변경 시간과 새로운 텍스트의 opacity = 1 시간을 동일하게 설정
4. Try
- github fork 사용 트라이
- git 숙지해서 다양한 기능 트라이 (git ignore, git stash)
- 나의 로직을 타인에게 설명할 수 있는 것을 목표로!
- 사용자 관점에서 개발하기
- 초반 기획 단계의 중요성
- 구현하고 싶은 기능, 역할 분담, 실현 가능성, 시간 고려하기
- 좀 더 적극적으로 임하기!!
헤헷