web project 1 - 설계/ERD/usecase

학원에서 처음으로 진행된 프로젝트를 완료했다.

프로젝트 중간중간 쓰려고 했으나 계속 수정되는 바람에 이제야 정리를 시작하려고 한다.

 

발표 ppt 슬라이드들과 완성된 홈페이지를 캡쳐해서 각 단계마다 올려보려고 한다 ~~~

 

 

사이트 컨셉 설정

 

프로젝트 주제는 맛집 추천/공유 사이트이다

이름은 뭐먹을끼니 << 로 정했다.

 

사용자들이 맛집을 등록하고 별점을 매길 수 있으며 

자유게시판에서는 사용자들이 맛집 후기들을 올릴 수 있어 서로 맛집 공유가 가능한 사이트이다.

 

메인화면

 

저기 음식 이모지들이 옆으로 흘러가는 방식으로 공간을 좀 예쁘게 매꿔주었고

헤더는 고정시켜서 로고와 오늘의 메뉴/ 맛집찾기/ 자유게시판 항목으로 바로 이동할 수 있도록 두었다. 

우측에는 로그인과 회원가입창이 있다.

 

배너에는 실제로 있는 기능은 아니지만

사이트에 재미를 부여하기 위해서 내가 직접 배너 3장을 만들어서 스와이프로 자동으로 넘어가게 설정해두었다.

프론트 꾸미는거 은근 재밌는듯~~?

 

로고도 ai 사이트 활용해서 직접 만들고 수정한건데, 로고 사용해서 실제 있는 것처럼 할인쿠폰도 만들어보고 그럴듯한 배너를 생성해냈다 .

 

개발설계

 

사용한 기술들과 언어 등등 ,,

 

ERD

 

총 9개의 테이블로 사이트를 만들었다

유저/ 레스토랑/ 마이페이지/ 자유게시판/ 자유게시판 댓글/ 레스토랑 좋아요/ 친구/ 댓글 좋아요/ 좋아요 

이렇게 구성 !

Usecase

 

웹에 구현해둔 기능들을 토대로 만들어보았는데 이게 잘 만든건진 잘 모르겠다.

그래도 기능들은 다 써둔 것이라 대충 뭐 있구나~ 하며 보기엔 좋을듯

 

이 정도가 설계단계 !