[TIL] 오늘의 개발일지

 

 

드디어!!!! 오늘은 최종프로젝트날!!!!

최종프로젝트에 들어가면서 처음으로 디자이너분과 함께 협업을 해서 프로젝트를 할 수 있는 기회가 와서 설렜다 >_<

S.A 제출이 내일 오전까지였는데 다행히 팀원분들과 아이디어 협의가 잘되서

오후에 와이어프레임도 작성하고, 업무들도 나름 세부적으로 다 정할 수 있었던 것 같다.

 

>> 아래는 오늘 기획한 세부 기능들 

 

1) 랜딩페이지

• 버튼 클릭시 페이지 이동(메인페이지 이동)

2) 메인페이지

• 버튼 클릭시 페이지 이동
  • 로고버튼 → 메인페이지 이동
  • 마이페이지 → 마이페이지 이동
  • 로그인/로그아웃 → 유저 정보 있을시 “로그아웃” , 정보 없을시 “로그인” 토글
• 햄버거버튼 클릭시 토글기능 (카테고리란 드롭다운)
• 카테고리란
  • 카테고리 버튼 클릭시 특정 카테고리 레시피 페이지 이동
• 검색
  • 특정키워드 검색시 해당 키워드 게시물 조회
• 인기 레시피
  • 북마크 많은 순으로 데이터 정렬/조회
• 최신 레시피
  • 업로드 날짜 최신순으로 데이터 정렬/조회
• 글쓰기 버튼 (sticky로 고정) → 상세페이지 이동시도 고정
  • 클릭시 “글쓰기 페이지” 이동

3) 로그인페이지

• 이메일 유효성 검사 ( 이메일 형식 )
• 유저 유효성 검사 ( 유저 정보 없을시 회원정보 확인하라는 alert )
• 버튼
  • 아이디찾기 → 클릭시 아이디 찾기 페이지 이동
  • 비밀번호찾기 → 클릭시 비밀번호 찾기 페이지 이동
  • 회원가입 → 클릭시 회원가입 페이지 이동

4**) 회원가입 페이지**

• 사용자 입력한 value값 서버 전송 ( 회원가입 + 닉네임 )
• 유효성 검사 ( 비밀번호 일치, 이메일 형식 )
• 유효성 검사 ( 이미 존재하는 유저 정보 확인 )
• 유효성 검사 ( 닉네임 중복 체크 )

5) 아이디/비밀번호 찾기 페이지

• 사용자 입력값으로 서버에서 회원정보 조회

6) 글작성 페이지

• 해당 유저 닉네임 조회
• 사용자 입력한 value 값 서버 전송
• ‘애니메이션’ 란 검색버튼 클릭시 API 데이터 조회하여 일치하는 작품 선택
• 공개여부 선택 ( 전체공개, 유저공개 )
• 단계추가하기 버튼 클릭시 탭 생성 ( 추가 / 삭제 )

7) 마이페이지

• 프로필 사진 → 사진 변경 ( 처음 사진 데이터 없을시 기본이미지 )
• 닉네임 변경버튼 클릭시 → “수정/완료”버튼 토글
• 탭바 ( 즐겨찾기 | 내가쓴글 | 팔로잉 )
  • 즐겨찾기 : 유저가 북마크 저장한 글 조회
  • 내가쓴글 ( 수정완료 버튼, 돌아가기 버튼 )
    • 유저가 쓴 글 조회
    • 수정버튼 클릭시 “글쓰기” 페이지에 데이터 담긴 상태로 페이지 이동
    • 수정완료 버튼 클릭시 해당 게시물 업데이트
    • 수정완료 후 마이페이지 이동
  • 팔로잉 : 유저가 팔로우한 팔로잉 조회

8) 상세페이지

• 타겟 전체 데이터 조회
• 조회수 → 페이지 방문시마다 조회수 count
• 팔로우하기
• 북마크 → 북마크 기능

9) 검색페이지

• 검색 키워드로 “해당 키워드 포함” 게시물 조회
• 특정 게시물 클릭시 해당 게시물로 페이지 이동