최종 팀 프로젝트 20일차

1. 오늘 한 일

• 스크럼 회의 & 디자이너 전체회의
• 프론트엔드 간 Merge 후 CSS 역할 재분담 및 Jira 정리
• 중간발표 준비
• (개인) 마이페이지 리디자인 + 디자이너 논의도 같이 하기(+버튼, 디테일 좋아요 위치, 도형 최대한 비슷하게, 검색/로그인/댓글 프레스로 되게)
• jira 등 팀원 체크

1. 스크럼 회의 & 디자이너 전체회의

• 스크럼회의(14:00)
  • FE : 전체적인 CSS 도입 (디테일 잡아가기)
  • BE : 로그 도입(오늘 중 도입) + 스웨거 태깅 + 에러 처리 도입 계획 + 중고가격 찾기
  • 협의사항 :
    • 도메인 결정 : .com으로 할것이냐?(돈 지불) vs 무료를 사용하냐?
    • 아키텍쳐 구성 : 백엔드에서 내용 뽑아서 오기 + 프론트엔드 자료 활용
    • 서기 결정 완료 (2인 페어링) + 질의응답도 결정
    • 소셜로그아웃 도입(프) + 댓글 프사 도입(백)
    • 차주 MVP 이후 ⇒ 리펙토링(가격책정API) + 웹소켓 ⇒ 역할 정하기 ⇒ 정수님 웹소켓(레디스는 추후) **MVP 이전까지 해야할 급한 부분 : 무한스크롤 미구현 라디오박스 미구현 소셜 로그아웃 미구현 검색창, 로그인 엔터 눌렀을때 가능하게 하기 미구현 천의자리 자르는거(,) 미구현 리팩토링 사항 :** 코드 인스턴스화 **CSS 레이아웃부터 전체적으로 리팩토링 가격책정 로직 다시짜서 리팩토링 회원탈퇴 챌린지 실시간 채팅, 알림 (웹소켓)**
      
  • 디자이너 협의 사항
    • <이번주 프로론트엔드가 UI적으로 진행한 일>
      • 디자인 와이어프레임에 따른 CSS 진행 시작(사용 스택 : 스타일드 컴포넌트), 14일 월요일 본격적인 디자인 기술 작업 시작
      • 메인페이지&마이페이지, 상품 가격 책정, 상품 등록 및 상세보기 & 이의제기 등록 및 상세보기 세 파트로 나눠서 진행
      • 디자인 시안 완성 : 11월 22일 리더 확인 완료
      • 현재 진척도 : 70%(색상 입히고 버튼 수정 등 진행 중)
      • 추가 협의 사항 및 진도 나가는 것은 금일 중 완료 예정(배포 예정일 : 11월 23~24일 중)
• 디자이너 전체회의(19:30)
  • 로그아웃 위치 변경
  • 가격측정 + button 조정
  • 게시물 좋아요 위치 변경
  • 도형은 최대한 유사한 것 사용하기
  • 마케팅 도안은 수요일까지 80%정도 마친다 생각하고 하기 + 폰트 ⇒ 금, 월 중간 점검
  • 금주 다음 미팅 : 금요일 19:30

2. 프론트엔드 간 Merge 후 CSS 역할 재분담 및 Jira 정리

    프론트엔드 역할 재분배
            - 메인 및 소개페이지
            - 회원가입 로그인 리디자인
            - 마이페이지 리디자인 + 디자이너 논의도 같이 하기(+버튼, 디테일 좋아요 위치, 도형 최대한 비슷하게, 검색/로그인/댓글 프레스로 되게)+마이페이지 무한스크롤

3. (개인) 마이페이지 리디자인 + 디자이너 논의도 같이 하기(+버튼, 디테일 좋아요 위치, 도형 최대한 비슷하게, 검색/로그인/댓글 프레스로 되게 + 1000의 자리 찍히기 + 추천순/최신순 나누기)

• 디자이너 완성본 보고 작업 시작
• 무한스크롤은 overflow로 해결

1000자리 리액트에서 자리수 찍는 법

function addComma(value) {
	return value.toLocaleString('ko-KR', { maximumFractionDigits: 5 });
}

• 예시 통해 undefined는 조건부 렌더링 걸고 했더니 되었다.

추천순 / 최신순 삼항 연산자 로직

<StContainer>
        <Total>전체{props.postsCount}개</Total>
        {params.sort === props.postId ? (<Sort
          onClick={() => {
            onClickSortHandler(props.postLikeCnt);
          }}
        >
          <img src={swapoutline}/>최신순
        </Sort> ) : (<Sort
        onClick={() => {
          onClickSortHandler(props.postId);
        }}
      >
        <img src={swapoutline}/>인기순
      </Sort>
          
        )}
        </StContainer>

4. 중간발표 준비

• 키노트=>PDF 화. 회의 끝에 의견 종합 완료. CSS 후 디자인 익일 중 완성되면 시안도 넣을 것
• 제출 : 목요일 24시 전

5. jira 등 팀원 체크

• 많은 테스크 중 우선순위 위주로 완료 사항 지속 확인 => 기능 구현은 많이 끝냄
• 디자인 완성 => 개인 CSS는 최대한 유사하게 작업
• 배포 완료

2. 느낀 점

• 디자이너가 준 시안 최대한 똑같이 만드는게 쉽지 않음
• 리더로서 챙길게 많다보니 코드보다는 회의나 발표 준비가 잦아서 많이 까먹음. 공부 더 해야할 것.

3. 익일 할 일

• 무한스크롤 with 마이페이지
• 중간발표 자료 제출
• 배포한 것 QA