강의 목표

• Tailwind CSS를 사용하여 타이포그래피 스타일링 방법을 이해합니다.
• 폰트 크기, 폰트 두께, 텍스트 정렬, 라인 높이 등의 스타일 속성을 Tailwind의 유틸리티 클래스로 빠르게 적용하는 방법을 학습합니다.
• 실습을 통해 간단한 블로그 글 스타일링을 직접 해봅니다.

주요 학습 내용

폰트 크기 조절 (font-size)

• Tailwind CSS의 폰트 크기 유틸리티를 사용하여 다양한 폰트 크기를 지정할 수 있습니다.
• 예: text-sm, text-lg, text-xl 등

<p class="text-sm">이 문장은 작은 크기입니다.</p>
<p class="text-lg">이 문장은 큰 크기입니다.</p>
<p class="text-2xl">이 문장은 더 큰 크기입니다.</p>

폰트 두께 설정 (font-weight)

• 텍스트의 두께를 Tailwind 유틸리티 클래스로 설정할 수 있습니다.
• 예: font-light, font-normal, font-bold

<p class="font-light">이 문장은 얇은 폰트입니다.</p>
<p class="font-normal">이 문장은 일반 두께입니다.</p>
<p class="font-bold">이 문장은 굵은 폰트입니다.</p>

텍스트 정렬 (text-align)

• 텍스트를 좌, 우, 중앙 정렬할 때 사용하는 유틸리티 클래스.
• 예: text-left, text-center, text-right

<p class="text-left">이 문장은 왼쪽 정렬되었습니다.</p>
<p class="text-center">이 문장은 중앙 정렬되었습니다.</p>
<p class="text-right">이 문장은 오른쪽 정렬되었습니다.</p>

라인 높이 조절 (line-height)