Skip to content
Geon Kim edited this page Sep 13, 2021 · 2 revisions

Frame

  • 위치: /src/components/Frame/Frame.jsx
  • App.js 외의 파일에서 Frame 컴포넌트를 사용할 일은 없다. 페이지를 보여주기 전에 back으로부터 로그인 여부를 확인하며 로그인되어있지 않은 상태라면 로그인 화면으로 리다이렉트 한다. 로그인 여부 확인 후 페이지를 네비게이션 바와 함께 보여준다.
  • 예시 : <Frame navi="search"> <Children/> </Frame>

Title

  • 위치: /src/components/Frame/Title/Title.jsx
  • 예시 : <Title img={ svgSearch }>방 검색하기</Title>

WhiteContainer

  • 위치: /src/components/Frame/WhiteContainer/WhiteContainer.jsx
  • 예시 : <WhiteContainer> <Children/> </WhiteContainer>

SubmitButton

  • 위치: /src/components/Frame/SubmitButton/SubmitButton.jsx
  • 예시 : <SubmitButton onClick={ () => onClick() }>검색하기</SubmitButton>
  • 그 외 props : background, backgroundHover, fontColor, onClick

DatePicker

  • 위치: /src/components/Frame/DatePicker/DatePicker.jsx
  • 예시 : <DatePicker handler={ (month, date) => onChange(month, date) }/>
Clone this wiki locally