Default layout 설정 및 상세페이지 와이어프레임 구현

[Chaemin-L]

Default layout 설정 및 상세페이지 와이어프레임 구현

---

🙋‍ Summary (요약)

• 각 페이지에서 공통으로 쓰일 수 있는 default layout 추가
• 상세페이지 와이어프레임 구현
• 하단 고정 버튼 와이어프레임 구현
• @types/styled-components 설치

🤔 Describe your Change (변경사항)

Default layout 추가

appbar 영역을 포함한 기본 레이아웃입니다.
appbar는 default로 설정해두었습니다
이후에 뒤로가는 버튼만 있는 appbar를 default로 둬도 좋을 것 같아요!
따로 설정하고 싶으실 경우, 아래와 같이 사용하시면 됩니다!

// Usage
import { DefaultLayout } from "@/components/layout/default-layout";

const LoginPage = () => {
  return <DefaultLayout
          appbar={<div>앱바지롱</div>}
          >
    ...
    </DefaultLayout>
}

상세페이지 와이어프레임 구현

현재까지 나와있는 내 게시글 / 전체 게시글 상세 페이지 와이어프레임을 구현하였습니다
기본적인 배치 속성을 제외한 스타일링은 이후에 구현할 예정입니다
내 게시글의 수정하기 / 모집완료 버튼 클릭시 해당 활동 관련 폼이 수정 불가 상태로 바뀌는 간단한 동작만 구현해두었습니다

BottomButton 구현

아직 스타일링이 구체적으로 나오지 않아 하단 고정 배치만 해두었습니다
디자인이 구체화될 경우 수시로 업데이트 하도록 하겠습니다
일반 버튼 타입의 모든 속성을 상속받고 있기 때문에, 일반 버튼처럼 사용하시면 됩니다

// Usage
<BottomButton onClick={()=>console.log('click!')}>신청하기</BottomButton>

🔗 Issue number and link (참고)

• Related to:
  공통 컴포넌트 개발 #5
  상세 페이지 와이어프레임 #6

[seiyoon]

흑흑 내가 놓친 세팅도 해주고.. 유알 천사,,✨✨ 커밋이랑 pr템플릿 작성 진짜 기가 막힌다..👍👍