🏃🏻2024년 제6회 K-디지털 트레이닝 해커톤🏃🏻 : 컴포넌트 몇 개 조립,,

나무잎 컨셉으로 뉴 방 꾸미기 완성!

이전 방(우주키치사펑)과는 이별

---

🏃🏻 시작

git remote add upstream 주소

 

이모션스 깔기

npm install @emotion/react @emotion/styled

 

라우터 돔

npm install react-router-dom

---

🏃🏻 레이아웃 만들기

height: 100vh;
aspect-ratio: 9 / 20; //비율로 처리

이러케..

---

🏃🏻 서브 헤더 만들기

그림자 과한가

box-sizing: border-box; // padding이 내부에 포함되도록 설정

 

const SubHeader = ({
  title,
  showLeftButton = false,
  leftLink = "/",
  showRightButton = false,
  rightLink = "/",
  rightIcon = null,
})

svg 몇 따 놓고 props로 끼우기