Skip to content

4주차 회의록

DongHwan Kim edited this page Nov 22, 2021 · 4 revisions

11월 15일 (월)

상의할 것

  • 리팩토링
    • Container-Presentor 디자인 패턴
    • 컴포넌트 분리
    • 비슷한 기능끼리 폴더로 묶기
    • dotenv 관리
  • 스타일
    • 일관된 스타일 정의
      • 패딩
        • 헤더 : 좌우 40px, 상하 20px?(상하는 적절히 조절해보자)
        • 본문 : 20px
        • 모달 : 20px
      • Font Family
        • GMarket Sans
      • 폰트 크기
        • 본문 : 16px
        • 제목 : 18px
    • 대표색
      • 헤더 배경 : #e4ebf1 rgb(228,235,241)
      • Primary Color: #084A83
      • 컨텐츠 색 : #282828
      • 메타데이터 색 : #888888
      • 선 및 Progress Bar Background : #d7d7d7
      • 기본 백그라운드 : #fff
      • 서브 백그라운드 : #f6f6f6
        • 선택된 파일
        • 드롭박스 등
      • 모달창 백그라운드 : rgba(196, 196, 196, 0.5)
      • 포인트 색 (노랑) : #f3aa18
  • 파일 처리 방법 논의
    • Signed URI를 사용하여 클라이언트단에서 바로 파일을 Object Storage에 넣음
    • 마지막 주 정도에 성능개선의 영역
  • 기능 구현
    • 파일 다운로드 (영화)
    • 파일 삭제 & 휴지통 (동환)
      • MongoDB에 필드 하나 추가 필요
      • 휴지통 안에 있는지 여부 : isDeleted
      • node schedule을 사용하여 7일 경과 시 자동 삭제
    • 파일 트리 뷰(윤영) & 파일 이동(윤영)
    • 중요문서함
      • MongoDB에 필드 하나 추가 필요
      • 중요 여부 : star
    • Drag select
    • 파일 정렬
  • CI/CD
    • Github Action
  • 버그 픽스

그래서 할 것!!!

    • 디자인 설계
    • 디자인(적용), 리팩토링
    • 기능 구현
    • Demo 찍기

React Router URL 구조

11월 16일(화)

디자인 수정

  • 로그인 & 회원가입 페이지 (영화)
  • 모달, 경고창 (윤영)
  • 프로필 로그아웃 모달 (동환)
  • 프로그래스바 (동환)
  • 헤더 (윤영)
  • 사이드바 (동환)
  • 메인 섹션
    • 현재 경로 섹션 (윤영)
    • 파일 메뉴 섹션 (동환)
    • 파일 리스트 & 헤더 섹션 (영화- 정렬 기능 추가)

데이터 처리에 대해

출력 포맷(뷰)와 관련된 처리는 왠만하면 백엔드에서 하지맙시다 ㅠㅠ 오히려 프론트쪽에서 처리하기 힘들어져요...

11월 18일 (목)

데모 순서

  • 디자인 변경점
    • 이전 디자인과 비교하면서 보여준다.
    • 모달창 컴포넌트 생성
  • 파일 & 폴더 다운로드
  • 파일 삭제 & 휴지통 비우기
  • 파일 리스트 뷰 & 현재 디렉토리 변경
  • Drag ans Select
  • etc
    • 세션 스토리지 변경
      • 좀더 무중단배포에 힘을 썼다.
    • 리팩토링한 것들?
      • 컴포넌트 분리? - 버튼이나 인풋 등?
      • api 폴더 분리