카드 UI / Cursor AI 실화?

 00:00 개요

00:45 Cursor AI 소개 02:10 Cursor AI 설치 및 셋팅 06:22 Cursor AI 툴 소개 08:22 Cursor AI 핵심 1 Tab 기능 소개 10:35 Cursor AI 핵심 2 인라인 편집 기능 소개 12:10 Cursor AI 핵심 3 Chat (Agent, Ask, Manual) 기능 소개 12:40 Context 란? 19:43 Context '@' 기호로 추가하기 21:44 @Docs 자세히 알아보기 24:44 Rules 언급 🚀 2025년 개발자들이 열광하는 AI 코딩 도구 Cursor AI! ChatGPT 복사-붙여넣기는 이제 그만! 코딩하는 바로 그 자리에서 AI와 대화하고 실시간으로 코드를 제안받으세요

다양한 스타일의 카드 UI를 만들어드렸습니다! 교육 콘텐츠에 목화된 디자인으로 구성했어요.

포함된 카드 종류:https://www.youtube.com/watch?v=_oEhh8666pA

1. 프로필 카드 - 그라디언트 배경의 크리에이터 소개 카드

2. 통계 카드 - 강의 수, 조회수, 만족도 등의 지표 표시

3. 강의 카드 - 썸네일, 가격, 평점, 수강생 수 등 포함

4. 기능 카드-서비스 특징을 소개하는 심플한 카드

주요 특징:https://www.cursor.com/

호버 효과와 부드러운 애니메이션

반송형 디사인(모바일/태블릿/데스크톱)

모던한 그라디언트와 새도우 효과

Lucide 아이콘 활용으로 깔끔한 UI

Tailwind CSS로 커스터마이징 용이

이 카드들은 강의 소개, 포트폴리오, 랜딩 페이지 등에 바르 활동하실 수 있습니다. 색상이나 레 이아웃을 수정하고 싶으시면 말씀해 주세요! https://sugar-family.tistory.com/480