-
Notifications
You must be signed in to change notification settings - Fork 4
4주차 회의록
DongHwan Kim edited this page Nov 22, 2021
·
4 revisions
- 리팩토링
- 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 잘 찍기
- 메인페이지
/
- 중요문서함
domain/star
- 휴지통
domain/trash
- https://mybox.naver.com/#/recycle-bin
- 공유문서함
- url 구조? 대략적으로
domain/share/공유해쉬값
- https://mybox.naver.com/share/list?shareKey=
- url 구조? 대략적으로
- 로그인 & 회원가입 페이지 (영화)
- 모달, 경고창 (윤영)
- 프로필 로그아웃 모달 (동환)
- 프로그래스바 (동환)
- 헤더 (윤영)
- 사이드바 (동환)
- 메인 섹션
- 현재 경로 섹션 (윤영)
- 파일 메뉴 섹션 (동환)
- 파일 리스트 & 헤더 섹션 (영화- 정렬 기능 추가)
출력 포맷(뷰)와 관련된 처리는 왠만하면 백엔드에서 하지맙시다 ㅠㅠ 오히려 프론트쪽에서 처리하기 힘들어져요...
- 디자인 변경점
- 이전 디자인과 비교하면서 보여준다.
- 모달창 컴포넌트 생성
- 파일 & 폴더 다운로드
- 파일 삭제 & 휴지통 비우기
- 파일 리스트 뷰 & 현재 디렉토리 변경
- Drag ans Select
- etc
- 세션 스토리지 변경
- 좀더 무중단배포에 힘을 썼다.
- 리팩토링한 것들?
- 컴포넌트 분리? - 버튼이나 인풋 등?
- api 폴더 분리
- 세션 스토리지 변경