2021 가을 인생제주 캠페인

By Kim, Min tae

3주차

작업 순서

• Home , Locations과 Tickets 컴포넌트 생성.
  Link

• Home 과 Location 의 마크업 및 CSS 작성
  Link1, Link2

• styled-component를 파일을 분리하여 작성하는 방법으로 Home 컴포넌트 구현. 이전에 한 파일에 통으로 작성한 Location 컴포넌트를 분리하는 리팩토링 작업.
  Link1, Link2, Link3

• Tickets컴포넌트의 마크업 및 CSS 작성
  Link

• Tickets 컴포넌트에서 티켓 할인 여부 따라 달리 표시해주는 로직 구현.
  Link

function DiscountRatio({ ratio }) {
  return ratio !== undefined ? (
    <StyledDiscountRatio>{ratio * 100 + "%"}</StyledDiscountRatio>
  ) : null;
}

• Tickets 컴포넌트에 더 보기 버튼을 추가
  Link

• Locations 의 지역 별 관광지의 개수가 4개 이상일 때에 등을 표시해주는 로직 구현
  Link

• Intro 와 Map 컴포넌트 생성. (인생제주 포스터, 쉬기좋은 지역별 안내)
  Link1, Link2

• Tickets 에서 React Hook 을 이용하여 태그에 따라 티켓들을 표시해주는 로직 구현
  Link1, Link2