문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
소개
- Tailwind CSS 개요
시작하기
- Tailwind CSS 설치 방법
- Node 설치 방법
- VS Code 설치 방법
- 개발 환경 구성하기
Tailwind CSS 기초
- HTML 문서에 Tailwind CSS 연결하기
- 유틸리티 클래스를 사용해 컨테이너 생성하기
- 요소의 너비와 높이 지정하기
- 플렉스박스 동작 원리 이해하기
- 플렉스 항목들의 크기 조절 및 배치 방법 익히기
- 그리드와 행 기반 레이아웃 만들기
- 그리드 내 요소 간 배치 방식 설정하기
- 요소 사이에 간격을 두거나 정렬시키는 방법 알아보기
- 단일 요소의 위치 및 정렬 조절법 습득하기
- 패딩과 여백을 요소에 적용하는 법 배우기
- Tailwind 유틸리티 클래스를 사용해 텍스트 스타일링하기
- 테두리를 추가하고 꾸미는 방법 익히기
- 그림자를 요소에 적용하는 기법 알아보기
- 브레이크포인트를 활용해 반응형 디자인 구현하기
- 의사 선택자 사용 방법 습득하기
- 레이어와 어플라이 지시문의 개념 이해하기
- 코드 재사용을 위해 컴포넌트를 활용하는 법 배우기
더 나은 개발 환경 구축하기
- Tailwind CLI로 최적화된 개발 환경 설정하기
- 지시문 및 함수의 활용법 이해하기
요약 및 향후 학습 방향
요건
- HTML과 CSS에 대한 기초 지식이 필요합니다
대상 수강생
- 개발자들
7 시간
회원 평가 (2)
실습, 실습 문제, 대면 지원 및 질문.
Jose Paulos - INESC TEC
코스 - Tailwind CSS
기계 번역됨
선생님.
Jose Ferreira - INESC TEC
코스 - Tailwind CSS
기계 번역됨
