사용자 및 검색 화면
메인 페이지의 상단 바를 클릭하면 나타나는 화면이다.
Last updated
메인 페이지의 상단 바를 클릭하면 나타나는 화면이다.
Last updated
고유번호
PCI-04
명칭
로그인 및 검색 화면
정의
로그인 및 검색 기능을 수행할 수 있는 화면
내용
해당 화면은 메인 페이지(PCI-02)의 상단 바를 클릭시 내려오는 드롭다운 바 형식의 화면이다.
현재 비 로그인 상태의 경우, 로그인 폼을 표시하고 하단에는 검색창을 배치한다.
다른 영역을 클릭하거나, 하단의 드롭다운 버튼을 클릭시, 화면을 다시 상단으로 올린다.
로그인이 수행될 경우, 해당 상태에 페이지 로드를 거치지 않고 바로 로그인 폼 영역을 회원정보 영역(PCI-05)로 변환한다.
검색이 수행될 경우, 해당 화면을 다시 상단으로 되돌리고, 검색 결과를 보드에 배치한다.
검색으로 보드를 재생성할 경우, 왼쪽 상단의 건물 표시 영역 또한 수정하여 해당 결과가 검색에 의해 도출된 결과임을 명시한다.
해당 상단 바는 디바이스의 길이에 고려하여 반응형으로 구현한다.
고유번호
PCI-05
명칭
회원정보 및 검색 화면
정의
사용자 관련 및 검색 기능을 수행할 수 있는 화면
내용
로그인 및 검색 화면(PCI-04)에서 로그인 기능 수행을 하거나, 유효한 토큰이 인증된 경우, 위와 같은 형태의 화면을 표시한다.
사용자의 이름, 학번, 학과를 비롯한 내용 및 해당 계정으로 작성된 글을 확인할 수 있다.
작성된 글이 없을 경우, 해당 영역에서 적절한 명시를 한다.
좋아요 및 싫어요는 탭을 통해 게시물의 리스트를 표시하며 해당 리스트는 필요할 경우, 스크롤이 가능해야 한다.
모바일 디바이스의 경우, 사용자 영역과 좋아요/싫어요 영역을 수직으로 배치하여 반응형을 구현한다.
