Skip to content

[Task] 메인 페이지 기능 구현 #41

@dddtttt000

Description

@dddtttt000

ISSUE

  • Group: client, server
  • Type: feature
  • Detail: 메인페이지 내 컴포넌트 작성

TODO

  • 네비게이션 바 컴포넌트 작성
  1. 로그인 / 로그아웃 버튼 기능
  2. 1. 로그인 버튼 누르면 로그인 페이지로 이동
  3. 2. 로그인 되면: 로그인버튼 -> 로그아웃 & 마이페이지 버튼으로 변경 👉🏻 버튼만 만들어 둠
  4. 3. 마이페이지 버튼 누르면 마이페이지로 이동
  5. 4. 로그아웃 버튼 누르면 로그아웃 되고, 로그아웃 -> 로그인 & 마이페이지 -> 회원가입 버튼으로 변경 👉🏻 버튼만 만들어 둠
  6. 5. 회원가입 버튼 누르면 회원가입 페이지로 이동
  7. '나만의 레시피 글 작성하기' 버튼 누르면 신규 글 작성하기 페이지로 이동
  • 이미지 컴포넌트 작성
  1. 대표 이미지 띄워져있게
  • 검색 필터링 컴포넌트 작성
  1. 검색어 입력 텍스트박스 - 아무것도 입력되어 있지 않으면 '검색어를 입력하세요.' 채워져있게
  2. 검색 버튼 누르면 Contentsbox에 검색어와 일치하는 결과물만 뜨게 하는 함수 연결
  • Content컴포넌트들이 담길 큰 Component 작성(Contentsbox컴포넌트)
  1. 검색어 필터링에서 입력한 검색어와 일치하는 결과가 없을 경우 '찾으시는 레시피가 없습니다.' 띄우기 👉🏻 컨텐츠 container만 만들어 둠
  • Footer 컴포넌트
  1. copyright, contact 등의 정보 넣기

Estimated time

네비게이션 바 컴포넌트 작성 - 3h
12h

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions