태그: UI
4편
-
Tailwind CSS 실전: 유틸리티 우선 방식 적응, 반응형·상태 변형, 다크 모드, @apply 재사용
Tailwind CSS 사용법 정리. Bootstrap과의 차이, 유틸리티 우선 방식에 적응하는 과정, 설치와 기본 사용, 반응형 디자인, 상태 변형, 다크 모드, 커스터마이징, @apply로 클래스 재사용을 예제로 다룹니다.
-
Storybook으로 컴포넌트 개발하기: Story 작성, Args·Actions, Decorators, Addons, 비주얼 테스트
Storybook으로 UI 컴포넌트를 개발하고 문서화하는 방법. 설치와 설정, Story 작성, Args와 Actions, Decorators, Parameters, Addons, Vue 통합, 비주얼 테스트를 예제로 정리합니다.
-
Framer Motion으로 React 애니메이션: Variants, 제스처, 레이아웃 애니메이션, 스크롤
motion 컴포넌트의 기본 사용법, Variants로 부모와 자식 애니메이션을 조율하는 방법, hover·tap·drag 제스처를 예제로 설명합니다. layout 속성과 AnimatePresence로 만드는 레이아웃·퇴장 애니메이션, useScroll과 useInView를 이용한 스크롤 연동도 다룹니다.
-
C++ GUI | Qt 프레임워크: 위젯부터 MOC·시그널/슬롯·이벤트 루프·Graphics View까지
Qt Widgets 기초 예제(버튼, 레이아웃, 메뉴, 텍스트 에디터)와 함께 MOC가 하는 일, 시그널/슬롯 연결 타입, 이벤트 루프, Graphics View, 부모-자식 소유권과 스레드 친화성을 정리하고, vtable 링크 에러나 Cannot queue arguments 같은 실제 오류의 원인을 설명합니다.