AI 개발 도구 Cursor AI를 설정하여 Claude 3.5 Sonnet과 함께 앱이나 웹사이트 프로토타입을 제작하는 방법을 알아보세요. 영감을 얻을 수 있는 곳, 디자인을 기반으로 시작하는 방법, 그리고 Windsurf AI, Cline, Github CoPilot, Vercel의 V0와 같은 유사 도구에 적용할 수 있는 다양한 팁을 알려드립니다. AI 디자인과 개발을 배우고 싶다면 이 튜토리얼을 추천합니다.
강좌 및 커뮤니티
AI를 활용한 앱 개발 방법을 배우고 싶으시다면 SwitchDimension.com에서 제 강좌와 커뮤니티를 확인해 보세요. http://switchdimension.com 현재 대기자 명단에 있습니다.
링크
커서 디렉토리 http://cursor.directory
더 많은 AI 개발 콘텐츠
X (트위터) https://x.com/robshocks
인스타그램 / therobshocks
링크드인 / robertoshaughnessy
앱과 소통하기
Mac에서는 음성 설정에서 FN 키를 두 번 누르세요.
Windows 음성 모드에서는 Windows 키와 H 키를 함께 사용하세요.
함께 일하세요
브랜드 스폰서십, 이벤트, 코칭 - info@switchdimension.com
챕터 - 고급 사용자: ⚡ 표시가 있는 챕터로 이동
00:00 소개
01:13 AI로 앱 개발 강좌 대기자 명단
01:35 디자인 준비
03:26 목업 먼저
04:26 Relume 와이어프레임 생성기
05:52 Pinterest 및 Dribbble
08:53 디자인 모드 프로젝트 설정 ⚡
10:00 Nextjs 설치
11:40 Shadcn 설치
12:30 디자인 모드 커서 ⚡
15:43 디자인 모드 메모장 ⚡
17:28 Composer 소개
19:10 디자인 복사 ⚡
21:30 컨텍스트 창
22:21 커밋 많이 하세요!
24:32 Shadcn Gotcha ⚡
26:05 Nextjs 실행
27:53 디자인 복사 ⚡
29:37 V0 옵션
31:53 앱 랜딩 페이지
33:42 21번째 개발 및 구성 요소 복사 ⚡
37:33 최종 디자인 ⚡
37:55 솔직한 메모
38:30 어떻게 도와드릴까요?
