항해 99 - 2022.02.11.FRI (맛있는거 4조)

이번 챕터 일정

• 02/11 (금) 19:00 까지 : S.A. 제출 완료✅
• 02/12 (토) 오전 : S.A. 서면 피드백 확인✅
  • 백엔드 스코프가 너무 좁다고 하심
  • 기능이 좀더 추가 되어야 할듯
• 02/14 (월) 저녁 : 팀별 프로젝트 중간 멘토링
• 02/16 (수) 저녁 : 5회 항해톡
• 02/17 (목) 저녁 : 팀별 프로젝트 회고 멘토링
• 02/18 (금) 09:00 : 클론코딩 주차 발제

 

 

오늘 내가 할일

• 엘리먼트 및 기본 뷰 구현 완료 ✅
• 알고리즘 문제 정리 ✅

 

 

이번 미니 프로젝트는 맛집 정보를 공유하는 페이지를 만들기로 했다!!
처음으로 백엔드랑 같이 협업하는 주차여서 아직은 아무것도 모르고 떨리기도 하다

 

 

📢 프로젝트 설명

• 프로젝트 이름 : 맛있는 거 4조🍰
• 프로젝트 설명 : 동네 맛집 추천
• 4조 회사 이름 : 주) 맛있는 거 4조

4: ffc300

5: ffb700

각 페이지 별 구현 내용

• Header
  • header와 footer가 존재한다. header에는 메인 페이지로 갈 수 있는 링크가 걸린 로고(혹은 글자 이미지 등등), 로그인 회원가입 버튼이 위치한다. footer에는 조의 이름과 구성원 등을 표시한다.
  • 로그인, 회원가입 버튼이 있다.
  • 헤더에 로고 또는 페이지 이름을 클릭하면 메인 페이지로 이동한다.
  • 로그인 시 로그아웃 버튼과 회원의 닉네임을 표시해준다.(ex. OOO님 안녕하세요!).
  • 로그인을 하지 않았을 경우에는 로그인, 회원가입 버튼만 보인다.
  • 로그인하면 작성하기 버튼 나오고 누르면 작성하기 이동
• 메인 페이지
  • 다른 유저들이 작성한 상세 내용을 간단하게 보여준다.
    • 사진, 가게명
  • 로그인하지 않아도 페이지를 볼 수 있다.
  • 카드를 클릭하면 상세 페이지로 이동한다.
  • 플러스 버튼 클릭 시 게시글 작성 페이지로 이동한다.
• 로그인 페이지
  • 아이디, 패스워드를 입력할 수 있다. 가입하지 않은 회원인 경우 회원가입으로 넘어갈 수 있다.
  • 회원가입이 되어있지 않은 사람은 회원가입 버튼으로 회원가입이 가능하다.
• 회원가입 페이지
  • 아이디, 패스워드를 조건에 맞게 입력해야 하며, 아이디 중복확인 버튼을 눌러 이미 존재하는 아이디가 있는지를 확인해야 한다.
    • 아이디는 이메일 형식으로 작성한다.
    • 닉네임은 유저에게 받아서 저장. 최대 10자. 최소 2자 이상. 영어. 대소문자 및 숫자, 한글(특수문자 제외)
    • 비밀번호는 대, 소문자와 특수문자(!@#*-_), 숫자를 포함한 8자~ 16자로 한다.
  • 입력한 비밀번호를 다시 한번 확인한다.
  • 회원가입이 이미 완료된 사람은 로그인 버튼으로 로그인이 가능하다.
• 게시글 작성 페이지
  • 로그인한 회원만 접근 가능하다.
  • 사진을 업로드했을 때 사진 미리 보기가 가능하다.
  • 맛집과 관련된 사진을 업로드할 수 있다.
  • 유저가 직접 가게명과 위치, 한줄평을 입력하고 작성 버튼을 누르면 저장이 완료된다.
  • 게시글 작성 시 작성 시간을 저장한다.
  • 작성하기 누르면 메인 페이지 이동
• 상세 페이지
  • 다른 유저가 작성한 맛집의 정보들 및 게시글에 대한 정보(게시글 작성 시간, 작성자)를 확인할 수 있다.
  • 해당 글을 작성한 유저만 해당 게시글을 수정/삭제할 수 있다.
    • 수정은 상세 페이지를 재활용하여 구성한다. (별도의 수정 페이지를 구현하지 않는다.)
      • Readonly 속성을 가진 text박스를 input이 가능하게 변경 후 , 수정 버튼을 ‘수정 완료’ 버튼으로 변경.

API