TailwindCSS 완전 정복: 포트폴리오부터 어드민까지!

내 실력을 한눈에 보여줄 깔끔한 포트폴리오

TailwindCSS로 간단하면서도 세련된 디자인의 포트폴리오 사이트를 완성합니다. 다크모드와 반응형 웹까지 구현된 실용적인 사이트를 직접 제작해보세요

효율적인 관리 도구, 어드민 대시보드

실무에서 바로 사용할 수 있는 어드민 사이트를 만들 수 있습니다. 사이드바, 대시보드 패널, 테이블 UI 등 관리 도구에 필요한 UI 요소들을 직접 TailwindCSS로 구현해보세요.

시작하기 전에: 개발 환경 최적화!

효율적인 개발을 위해 필수적인 도구 설정과 최적화 방법을 배웁니다.

TailwindCSS 기초: 스타일링 기본기 완전 정복!

Typography, Colors, Spacing(Margin, Padding, Spacing) 등 TailwindCSS의 기본 스타일링 방법을 익힙니다.

레이아웃 마스터! Flexbox & Grid

Flexbox와 Grid를 사용해 다양한 레이아웃을 효과적으로 구성하는 법을 배웁니다.

반응형 디자인: 모든 기기에 완벽 대응!

다양한 화면 크기에 맞는 반응형 웹 디자인을 TailwindCSS로 쉽게 구현할 수 있습니다.

Transition&Animation: 생동감 넘치는 UI!

UI에 트랜지션과 애니메이션 효과를 적용해 사용자 경험을 향상시킵니다.

다크모드: 트렌디한 다크모드 적용!

TailwindCSS를 사용해 다크모드를 빠르고 손쉽게 구현하는 방법을 배웁니다.

실전! 포트폴리오 완성

실무에서 사용할 수 있는 포트폴리오 사이트를 직접 제작하며 TailwindCSS를 실전에서 활용합니다.

실무용 어드민 사이트 제작!

어드민 대시보드와 UI 요소를 직접 제작해 실무에서 바로 적용 가능한 사이트를 완성합니다.

간편 배포! 실전 적용

Github Pages를 통해 완성된 프로젝트를 실전에서 배포하는 방법을 익힙니다.

React, Vue로 TailwindCSS 시작하기

React와 Vue에서 TailwindCSS를 셋업하고 빠르게 프로젝트에 적용하는 방법을 배웁니다.