[스파르타 코딩] 개발일지 01차

이제승·2020년 8월 12일
0

스파르타 코딩

목록 보기
1/1
post-thumbnail

스파르타 마지막 과제

아 드디어 마지막 단계까지 왔구나. 이걸 할 수 있을지는 모르지만 일단 해봐야지 뭐.

<프로젝트 가제 - 고기 같이 먹어요(M.eat.ogether)>

나는 오랜 떠돌이 생활로 친구들이 많지 않다. 난 고기를 좋아하는데 혼자 가면 괜히 눈치도 보이고 괜히 슬프당. 근데 난 어제도 혼자 쿠우쿠우 먹고 왔다. 나는 상관없는데 다른 사람들은 혼자 밥먹으면 찐따라고 놀린다고 혼밥을 두려워 한다. 그렇기 때문에 친구가 없는데 같이 밥먹을 사람을 구하는 사람, 혹은 새로운 식사친구를 구해보고 싶은 사람들이 내가 만든 프로젝트를 이용해 이 땅에 새로운 식사문화를 정착시켜줬으면 한다. 4대 기본정신 meet(새로운 만남), eat(즐거운 식사), meat(맛있는 음식), together(정서적 유대).

<기본 아이디어>

당근 마켓의 지역별 분류 서비스에 큰 감명을 받았다. 지역별, 시간별, 메뉴별, 그리고 가격별로 식당을 정하고 함께 식사를 할 사람들을 구할 수 있는 서비스를 제공한다. 또한 정말 자본금이 모여 이것을 사업차 진화시킨다고 가정하면 늦은 시간 마감 음식을 할인하여 판매해주는 서비스를 제공하는 '라스트 오더'와 제휴를 진행하고 싶다. 이 서비스는 오직 글을 적는 당일에만 이용가능하다.

<프로젝트 생김새>

이게 살짝 고민인게 북한식으로 딱딱하고 동무애를 자극하는 디자인으로 갈지 아니면 귀엽고 산뜻한 느낌의 당근마켓 처럼 갈지 아직 못정했다. 당근 마켓의 형태를 기본으로 할 예정이지만 세세한 것들은 만들면서 결정해야 겠다.

메인화면

지도에서 원하는 지역을 클릭하면 그 지역 게시판으로 넘어가야 한다. 나중에 지도가 안되면 그냥 엑셀형태로 만들 생각도 있다. 그냥 가나다 순으로 정렬한 테이블 5* 5이런 꼴로 말이다.

<필요한 기능> 각 지역을 클릭했을때 지역별 페이지로 이동하는 능력이다.

지역별 이동후 나타나는 페이지

여기서 고객들은 두가지 선택을 할 수 있다. 자신이 글을 쓰던가 아니면 자신이 원하는 옵션의 선택지를 검색하던가. 글쓰기를 누르면 글쓰기 페이지로 이동하게 되는데 이것은 후술하겠다. 맞춤검색 시스템을 통해 가격별, 메뉴별, 인원별, 시간별로 식당을 고를 수 있다. 예전에 수량 만든것처럼 검색의 테이블을 클릭하면 선택지가 이미 존재하는 형태로 만들 것이다. 또한 맞춤검색을 굳이 하지 않더라도 이페이지에는 최신글들이 이미 올라와있다. 시간순으로 가장 최신글을 상단에 띄울 것이며 새로고침을 하지 않는 한 새로운 글이 올라오더라고 화면이 바뀌지는 않을 것이다. 화면의 사진 혹은 제목을 누르면 해당 글의 페이지로 이동하게 된다.

<필요한 기능> 1. 화면에 맞춤 검색창이 뜨게 하기 2. 각 화면의 맞춤 검색창에 맞게 카테고리 별로 나누는 능력. (궁금한 거- 굳이 맞춤 검색의 모든 창을 선택하지 않아도 이미 선택한 것 들에 해당하는 자료들만 보여주게 만들 수 있겠죠? 안되면 알바몬 긁어보자) 3. 맞춤검색을 하나하나 할때마다 자동으로 화면이 최신화되기(검색에 맞는 형태로) 4.데이터 베이스에 저장된 값들을 화면에 구현하는 능력

(잊지 말것) 검색이 모두 끝난 후에도 이 폼이 유지되어야 함- 최상단 맞춤검색 하단 최신글 모음- 검색 카테고리에 맞는 꼴로

타인이 만든 게시물 페이지

최상단에 로고는 계속 유지된다. 화면의 2/5를 차지하는 상단 박스에는 사진들이 나오며 양쪽 화살표를 클릭했을때 다음 사진으로 넘어간다. 하단에는 글쓴이가 작성한 제목이 나오며 여기에 원하는 상호명을 적어놓는다. 그 아래에는 사람형태의 로고 옆에 몇명을 구하는지 시간대, 가격대 등등의 정보를 적어 놓는다.
정보들의 오른쪽에는 글을 최초 올린지로부터 얼마나 시간이 지났는지 사용한다. 참고로 이 게시글을은 오직 당일에만 사이트에서 검색가능하며 게시 이후 25시간이 지나면 검색제외된다.
그 아래에는 일종의 댓글 창이 있으며 사람들은 자신이 원하는 말과 번호등을 자유롭게(최초에는 양식을 정했음) 적을 수 있다. 하지만 댓글을 다는 순서대로 왼쪽에 번호가 새겨진다.

<필요한 기능> 1.사진의 양옆을 눌렀을때 다음사진 혹은 전사진으로 돌아가게 만드는 기능 2.최초 글이 써진 이후로 얼마나 시간이 지났는지 알려주는 기능 (분단위 업데이트) 3.댓글을 넣으면 저장되는 기능 (나만의 북리뷰인가 그거 참고) 4. 25시간 이후 글이 검색 제외되는 기능.

글쓰기 페이지

상단에 쓰고 싶은 내용이 뜬다 시간 (ex- from: 03:30 to 12:00), 메뉴, 인원, 가격은 모두 체크박스의 형태로 만들어 놓을 것이며 그 아래에 작성자가 원하는 제목과 글을 쓸 수 있는 공간을 넣어 놓을 것이다. (그림에서는 깜빡함) 사진 업로드 기능을 넣어 최대 5개 까지의 사진을 업로드 가능하도록 할 것이며 업로드 할때마다 하단에 어떤 파일을 업로드 했는지 목록이 생성된다. 이 화면에 게시글은 25시간 안에 사라집니다 라는 문구를 빨간글씨로 넣어놓을까 한다. 최하단에 파란색으로 업로드 버튼을 만들어 이 버튼을 누르면 데이터 베이스에 저장되도록 한다.

<필요한 기능> 1.데이터를 디비에 저장하기 2.사진 업로드 기능 3.사진 업로드 5개로 제한하기(그 이상 올릴경우 alert뜸) 4.사진 업로드시 업로드 파일 목록 생성

데이터 소스

싸이트의 특성상 내가 웹페이지를 만든 후 내가 소스를 만들 필요가 없다.

profile
고래가 되기를 꿈꾸는 빗소리입니다

0개의 댓글