Giter VIP home page Giter VIP logo

mkcloud's Introduction

MKCloud

Hits Lines of code

Introduction

UX에 특화된 사용하기 편리한 클라우드 서비스

회원가입하면 기본적으로 10GB의 저장 공간을 가진다.

회원가입 남용을 방지하기 위해 관리자의 승인이 있어야 서비스를 이용할 수 있다.

Feature

  • 자동 로그인 기간이 길다.

  • 원클릭 다운로드, 삭제, 업로드

Architecture

Contributer

Demo

메인화면

업로드화면

로그인화면

mkcloud's People

Contributors

riroan avatar wonjinyi avatar

Stargazers

Sang-Hyean Kong avatar  avatar Hojin Jang avatar

Watchers

 avatar  avatar

mkcloud's Issues

반응형 웹

프론트엔드 페이지 반응형 웹 디자인
1024~ 컴퓨터용
~600 모바일용

optional
600~1023 태블릿용

모바일용 메뉴 개발

모바일 화면은 공간이 적기 때문에 메뉴 이동이나 로그아웃 기능을 헤더부분의 햄버거메뉴에 드롭다운 형태로 넣는다.

들어갈 항목

  • 메인 화면
  • 유저 화면
  • 로그아웃 버튼

파일 업로드 최대 용량

할당된 최대 용량을 초과하여 파일 업로드를 시도를 못하게 함
프론트엔드 페이지에서 현재 용량 시각화하여 표시

로그인 상태 처리

로그인이 돼있는 상태라면 (브라우저 쿠키값에 유효한 jwt토큰이 들어있다면) 로그인이나 회원가입 화면에서 자동으로 메인 화면으로 이동시킴

필터기능

다음을 수행하는 필터기능 추가

  • 특정 확장자로 찾기
  • 특정 날짜로 찾기
  • 파일 이름으로 찾기

화면 새로고침

파일을 휴지통으로 보낼 때, 휴지통에서 복원할 때, 휴지통에서 삭제할 때 새로고침이 돼야한다.
window.location.reload()는 정상작동하지 않는다.

백엔드 컨테이너화

  • 백엔드 스프링서버, mysql 데이터베이스 서버 도커화
  • 같은 네트워크에 배치

docker-compose로 구성

Repository 인터페이스 제거

개발 비용 절감을 위한 인터페이스 제거

앞으로 개발될 repository는 메모리 레포지토리로 테스트하지 않음

회원가입

회원가입은 관리자 승인이 있어야 함

정렬기능

리스트에 존재하는 파일들을 다음 기준으로 정렬하는 기능을 추가한다.

  • 파일명
  • 파일 크기
  • 업로드 시각

휴지통 기능

우클릭 한번으로 삭제되는건 너무 잔인하다.
휴지통에 임시 저장해놓자.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.