1-3. 시스템 요구사항/프로세스
공통
HTML5/Chrome-First, UTF-8
프로토타입 / 디자인 체계
JavaScript : /WebContent/js 내장
CSS : /WebContent/css 내장
회원
회원가입
회원가입 페이지 (/member/register.do)로 이동시킨다.
redirecting 방식을 사용하며, 별도의 parameter는 입력받지 않는다.
SNS 계정으로 회원가입을 원하지 않는 사용자는 별도의 아이디와 비밀번호를 입력해야 한다.
시스템은 사용자가 입력한 아이디, 비밀번호 입력에 대한 유효확인을 한다.
아이디는 이메일주소로 구성되어 있으며, 최대 40문자까지 입력이 가능하다.
특수문자는 @ (at)와 . (dot), _(underline)과 - (line) 으로 제한된다.
비밀번호는 아래 제한사항을 지키며, 최소 8문자, 최대 15문자까지 입력이 가능하다.
특수문자는 !, @, #, .(dot)으로 제한된다.
‘비밀번호’ 칸과 ‘비밀번호 확인’ 칸에 적혀있는 비밀번호가 동일해야한다.
시스템이 위와 같은 조건을 만족한 지 확인 후, 가입완료 처리를 수행한다.
만약, 아이디와 비밀번호에 대한 제한사항에 대한 요구사항이 변경될 경우, 패스워드 변경 페이지를 구현하여, 사용자 계정에 대한 보안성을 향상되도록 유도한다. (예외처리 필수)
post 전달 방식을 사용한다. (get 방식 X)
Database 시스템 요구사항
member 테이블 사용.
회원가입이 완료된 사용자들을 곧바로 메인 페이지 (/dashboard)로 이동시킨다.
로그인
Welcome Page (/index.html) 에서 로그인 버튼을 누를시, 로그인 페이지 (member/signIn.do) 로 이동시킨다.
redirecting 방식을 사용하며, 별도의 parameter는 입력받지 않는다.
로그인시 아이디는 이메일주소만 입력이 가능하도록 하며, 비밀번호는 로그인 버튼 입력시, DB 에 기록되어 있는 아이디/비밀번호와 대조하여, 인증 절차를 수행한다.
아이디 입력란에 이메일주소 형식을 입력해야하기 때문에, 특수문자 @, ., _, - 만 입력이 가능하며 다른 특수문자 입력이 불가능하도록 Front-End에서 처리할 수 있도록 한다. 입력 글자수 제한은 없다.
비밀번호 입력시 어떠한 제한이 없다.
SNS 로그인을 시도한 경우, 각 SNS마다 로그인 인증과정을 수행하고, 인증 완료 메시지를 리턴받으면 메인 페이지 (/dashboard)로 이동시킨다.
도입시, 각 SNS마다 로그인 인증 절차 확인이 명확하게 숙지할 의무가 있다.
인증 절차를 시작한다.
이메일주소를 입력하여 로그인한 경우는 Database 조회에서 1건이 조회되어야 인증성공했다는 것으로 알린다. (이 때 페이지 이동은 없고, 해당 로그인 페이지에서 처리)
SNS 로그인 경우 3 참고.
수집
셀럽이나 계정 등을 DB로 등록한다.
Database 시스템 요구사항
member 테이블 사용.
트위터 셀럽, 단체 리스트 https://en.wikipedia.org/wiki/List_of_most-followed_Twitter_accounts
프란치스코 교황 (Pope Francis)
버락 오바마 (Barack Obama)
도널드 트럼프 (Donald J. Trump)
톰 크루즈 (Tom Cruise)
BBC 뉴스속보 (BBC Breaking News)
CNN 뉴스속보 (CNN Breaking News)
아리랑 월드 (Arirang World)
코리아 헤럴드 (The Korea Herald)
힐러리 클린턴 (Hillary Clinton)
United Nations
기타 셀럽, 단체 리스트
빌게이츠 (thisisbillgates)
윌스미스 (willsmith)
미란다 커 (mirandakerr)
teamcoco
빌리 조엘 (billyjoel)
더 락/드웨인 존슨 (therock)
빈 디젤 (vindiesel)
Last updated