로그인을 해주세요
장바구니
수강신청“
웹사이트 디자인은 마음에 드는데 코딩을 몰라 엄두가 안 나셨나요?
캡처 화면만 보여주면 AI가 알아서 코드를 완성하는
혁신적인 웹 제작의 세계가 열립니다.
━
퍼블리싱 지식이 없어도, 복잡한 태그를 외우지 않아도 괜찮습니다.
차세대 AI 에디터인 Cursor AI와 최신 MCP(Model Context Protocol) 기술을 활용하면,
레퍼런스 웹사이트의 캡처 이미지만으로 단 하루 만에 완벽한 웹사이트를 구축할 수 있습니다.
본 과정은 최신 AI 바이브 코딩 트렌드를 완벽하게 반영한 실전 올인원 패키지입니다.
코딩의 벽을 넘어 나만의 웹사이트를 순식간에 뚝딱 만들어보세요.
”
강의목차(총 25강)
- Part.01 Cursor AI 기초
-
1. 01강 DEMO 미리보기 19분
2. 02강 새롭게 업데이트 된 Cursor AI 기초 사용법 1 35분
3. 03강 새롭게 업데이트 된 MCP AI 기반의 내 컴퓨터 자동화 및 파일 처리 사용법 2 25분
4. 04강 새롭게 업데이트 된 Cursor AI 기초 사용법 3 35분
5. 05강 새롭게 업데이트 된 Cursor AI 기초 사용법 4 38분
6. 06강 새롭게 업데이트 된 Cursor AI 기초 사용법 5 25분
7. 07강 새롭게 업데이트 된 Cursor AI 기초 사용법 6 16분
- Part.02 레이아웃 만들기
-
8. 08강 이미지를 코드로 변환할 때 쓰는 AI 모델과 배경 지식 1 35분
9. 09강 이미지를 코드로 변환할 때 쓰는 AI 모델과 배경 지식 2 18분
10. 10강 다양한 AI 모델 사용과 결과물 만들어보기 1 32분
11. 11강 다양한 AI 모델 사용과 결과물 만들어보기 2 11분
12. 12강 캡처한 이미지로 레이아웃 만들기 실습 1 35분
13. 13강 캡처한 이미지로 레이아웃 만들기 실습 2 37분
14. 14강 학습이 잘 된 AI 모델을 이용하여 캡처한 이미지 한 방에 레이아웃 만들기 1 36분
15. 15강 학습이 잘 된 AI 모델을 이용하여 캡처한 이미지 한 방에 레이아웃 만들기 2 15분
- Part.03 코드를 만들어가는 방법
-
16. 16강 부분 캡처하여 조립하듯이 코드를 만들어가는 방법 1 20분
17. 17강 부분 캡처하여 조립하듯이 코드를 만들어가는 방법 2 29분
18. 18강 부분 캡처하여 조립하듯이 코드를 만들어가는 방법 3 32분
19. 19강 부분 캡처하여 조립하듯이 코드를 만들어가는 방법 4 31분
20. 20강 부분 캡처하여 조립하듯이 코드를 만들어가는 방법 5 - 마무리 정리 9분
- Part.04 네비게이션 메뉴 만들기
-
21. 21강 캡처 이미지만으로 상단 네비게이션 메뉴 만들기1 34분
22. 22강 캡처 이미지만으로 상단 네비게이션 메뉴 만들기2 36분
23. 23강 캡처 이미지만으로 상단 네비게이션 메뉴 만들기3 - 그림자 안보이는 문제 보충 설명 5분
24. 24강 실무에서 많이 사용하는 유료 AI 모델로 캡처 이미지 코드로 변환해보기 1 30분
25. 25강 실무에서 많이 사용하는 유료 AI 모델로 캡처 이미지 코드로 변환해보기 2 17분
