컴포넌트 디자인
Last updated
Last updated
메인 페이지는 사용자가 본 웹페이지를 처음으로 보여지는 공간이다. 그러므로 본 프로젝트의 컨셉에 맞는 디자인과 구성 배치가 필요하다. 이를 위해서 메인 페이지에서는 본 프로젝트의 로고와 검색 바 및 소개를 배치한다.
Header는 웹 어디에서나 자주 하는 기능을 넣어둔 웹 페이지 상단 공간이다. 본 프로젝트에 목적에 맞게 상단 헤더에는 검색 바와 외부 사이트로 연결되는 아이콘 버튼 및 본 프로젝트 대표 엠블럼이 존재한다.
Footer는 웹 하단에 위치한 페이지마다 필수적으로 넣어야 할 필수 링크가 존재하는 공간이다. 필수적으로 존재해야 할 링크로서는 서비스 이용약관 및 개인정 보처리방침 등이 존재한다. 이뿐만 아니라 추가적으로 본 프로젝트에 대한 소 개 및 개발자 소개 등이 존재한다.
메뉴에는 SOOJLE에서 필요한 기능을 바로 접근할 수 있도록 여러 기능들을 모 아둔 공간이다. 대표적으로 내 정보에 접근할 수 있는 버튼, 각 뉴스피드로 접 근할 수 있는 버튼, 설정 버튼 외의 추가적인 기능이 존재한다.
게시글 컴포넌트는 사용자가 직관적으로 볼 수 있는 정보이다. 그러므로 한 눈에 해당 게시글에 대한 주제를 파악할 수 있도록 정보를 구성해야 할 필요성 이 있다. 대표적으로 만약 해당 게시글에 이미지가 있을 경우, 이미지를 표시해준다.
또한 해당 게시글의 제목, 도메인 주소, 게시글이 올라간 날짜 등을 표시 해준다. 게시글에 대한 정보를 학인할 수 있는 정보 외에도 게시글에 대한 액 션을 취할 수 있는 공유하기 및 관심 기능을 넣어둔다.
