퍼블리싱(react.js)(11.08~11.18)

라이브러리

TailWind, Styled-Component 같이 사용

TailWind

Styled-Component

만든 페이지 수 17페이지 + 헤더 3가지(메인, 가맹점, 본사)

메인 헤더

시그니처 메뉴 클릭 시 옆으로 이동 및 형광펜 효과

가맹점 헤더

헤더 호버 시 메뉴바가 나오게 했다.

본사 헤더

메뉴 호버시 메뉴 정보 나오게 함.

플러스 버튼 누르면 새로 입력 가능

기존 행을 누르면 해당 재고가 나온다.(유통기한이 다른 같은 상품 확인 가능)

헤더의 알림 아이콘을 누르면 모달이 나온다.

모달이 떠도 기존 화면을 사용 가능하게 만들어야 하여 모달을 직접 만들어 사용

가맹점 추가 모달

피그마

Ever