TIL_230306_ 최종 프로젝트 - 프로젝트 기능(CSS) 마무리

내일배움캠프 4기 스파르타코딩 React B반

📒 오늘의 공부

1. 최종 프로젝트 - 기능(CSS) 마감

• top버튼 2개 예외처리하기

  • 반응형일 땐 기존 top버튼 안 보이게~ or 반응형 top버튼이 있으면 기존 top버튼 안 보이게 등
  • top버튼 하나로 반응형까지 구현 완료

• 모바일 반응형 필터 너비 넓게 해서 한 번에 다 보이게 하기

• Link 청약 당첨자 확인 -> 새로운 페이지에서 열리게 하기

• alert 창 크기, 텍스트 크기 반응형에 맞게 수정하기

• 햄버거 애니메이션 효과 - 컴포넌트 슥 나오게!

• Header 반응형 검색창 구현하기

  • 웹 / 모바일에서 헤더에 있는 검색창의 디자인과 기능이 달라 모바일용 검색창 컴포넌트가 하나 더 필요
  • 기존 searchInput 컴포넌트에서 input기능 부분만 컴포넌트로 분리
    -> SearchWeb / SearchMobile 두 컴포넌트 생성 후 공통 컴포넌트로 SearchInput 사용
  • 애니메이션 추가

• 디자인 회의 후 수정 사항 반영