[1029] 서치라이트 24일차

Today's Tasks

• KAN-176 - FE 랜딩 리뉴얼 - 홈 화면 진행
  • 반응형 (데스크톱, 태블릿, 모바일)

Learnings and Questions

• [트러블 슈팅] 모바일과 데스크탑 폰트 차이가 너무 많이 나는 문제 -> 반응형 폰트

  // tailwind.config.ts
  fontSize: {
    12: '0.625rem',
    14: '0.75rem',
    16: '0.875rem',
    18: '1rem',
    20: '1.125rem',
    22: '1.1875rem',
    24: '1.25rem',
    26: '1.375rem',
    28: '1.4375rem',
    30: '1.5rem',
    36: '1.875rem',
    40: '2rem',
    44: '2.125rem',
    48: '2.25rem',
    60: '3rem',
    68: '3.5rem',
    72: '3.75rem',
  },

  /* global.css */
  .text-16 {
    @apply text-sm desktop:text-base;
  }
  .text-20 {
    @apply text-base desktop:text-xl;
  }
  .text-22 {
    @apply text-[16px] desktop:text-[22px];
  }
  .text-28 {
    @apply text-[14px] desktop:text-[28px];
  }
  .text-36 {
    @apply text-3xl desktop:text-4xl;
  }
  .text-40 {
    @apply text-3xl desktop:text-[40px];
  }
  .text-48 {
    @apply text-4xl desktop:text-5xl;
  }
  .text-68 {
    @apply text-[32px] desktop:text-[68px];
  }

• 코드리뷰 - "카이라이트 표시 특수기호는 웹 접근성 때문에 인코딩된 값(©)으로 바꾸는게 좋습니다"
  참고 자료 | How to Code the Copyright Symbol in HTML | Jamie Juviler

Plan for Tomorrow

• KAN-178 - [FE 랜딩 리뉴얼] 솔루션 화면 진행
• 홈 화면 피드백 받기