웹 FTP 기획

주제 : FTP프로토콜을 이용한 파일전송과, 전송된 이미지 파일의 나열

- 페이지 기획

/:page : 가장 위에 헤더

  헤더 아래에 가운데 우측 정렬로 id, pw textbox, 로그인 버튼, 회원가입 버튼 생성, 로그인 했을 시에는 관리 로그아웃과 관리 버튼 생성(admin일 경우에만)

  아래에는 사진을 1줄에 3장씩 3줄, 총 9장을 보여주고 9장을 초과할시에는 페이징 기능으로 관리

/join : 헤더는 고정.

  id, pw, pwc, grade(radioBox : guest, admin) 항목을 입력하는 회원가입 페이지

/setting : 가로로 공간을 반으로 분할하여, 좌측에는 서버 폴더, 우측에는 클라이언트 폴더를 게시하여 드래그 앤 드롭이나, 업로드/다운로드 버튼을 이용하여 파일을 주고받는 기능 생성

- component

header : 모든 페이지에 고정으로 나타날 헤더 -> app.component에 고정으로 게시

main : 메인페이지를 나타낼 컴포넌트로써 페이징, 사진불러오기 구현

join : 회원가입페이지. reactive Form을 이용하여 유효성 검증으로 데이터베이스에 들어갈 데이터를 거르고 전송.

setting : FTP를 담당할 페이지. 아직 감 못잡음.

- class

users class

-> 

id : number,

userId : string,

userPw : string,

grade : number ( 1은 guest, 2는 admin)

imgs class

->

id : number,

name : string ( 이미지 파일명)

- DataBase

database : mysql

database name : myApp

table :

users

id : int not null primary key auto_increment

userId : varchar(20) not null

userPw : varchar(15) not null

grade : int not null

imgs

id : int not null primary key auto_increment

name : varchar(260) not null