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

[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