NEW Windsurf Wave 3 AI 업데이트가 미쳤습니다 🤯
Julian Goldie SEO
구독자 165,000명
요약
이 영상은 Windsurf의 최신 Wave 3 업데이트를 소개하며, 비코더도 쉽게 앱, 웹사이트, 도구를 개발할 수 있도록 지원하는 다양한 기능들을 상세하게 시연합니다. Codium과 Cascade를 활용하여 프로젝트를 설정하고, 여러 AI API를 사용해 실시간으로 HTML 코드와 디자인을 생성하는 과정을 보여줍니다. 또한, 생성된 랜딩 페이지의 미리보기와 수정 과정을 통해 품질 높은 결과물을 도출하는 방법을 설명합니다. 마지막으로, 실제 고객 후기 및 CTA 개선, 추가 프로모션 내용을 통해 사용자들이 더 많은 리소스와 커뮤니티 지원을 받을 수 있음을 안내합니다.
주요 키워드
Windsurf Wave 3
AI 업데이트
Codium
Cascade
API
Custom GBT
랜딩 페이지
HTML 코드
WordPress
프로모션
하이라이트
- 🔑 최신 Windsurf Wave 3 업데이트는 비코딩 사용자가 앱, 웹사이트, 도구를 손쉽게 개발할 수 있도록 다양한 기능을 탑재하였습니다.
- ⚡️ 여러 AI API(Gemini, DSE 등)를 선택할 수 있어, 사용자가 원하는 대로 이미지 삽입과 콘텐츠 생성을 자동화할 수 있습니다.
- 📌 Codium과 Cascade 인터페이스를 통해 프로젝트 초기 설정부터 코드 편집, 미리보기까지의 작업 흐름이 간소화됩니다.
- 🚀 랜딩 페이지 디자인 시 HTML 코드 생성 및 실시간 프리뷰 기능으로 오류 없이 최적화된 결과물을 빠르게 도출할 수 있습니다.
- 🌟 실제 고객 후기와 브랜드 색상, CTA 버튼 등의 요소를 반영하여 신뢰성 높은 웹사이트를 구축하는 점이 강조됩니다.
- 📢 추가 프로모션 및 무료 AI 자동화/SEO 전략 세션 안내를 통해 사용자 커뮤니티와 리소스 접근성을 높이는 점도 언급됩니다.
용어 설명
Windsurf Wave 3
Windsurf 제품의 최신 AI 업데이트 버전으로, 다양한 새로운 기능들을 제공함.
Codium
프로젝트 설정과 코드 편집을 위한 플랫폼으로, 사용자가 쉽게 시작할 수 있도록 지원함.
Cascade
코드와 채팅 인터페이스를 결합한 작업 환경으로, 실시간 피드백과 콘텐츠 생성을 가능하게 함.
API
Application Programming Interface(응용 프로그램 인터페이스)의 약어로, AI 기능을 외부 시스템과 연결하고 활용하도록 돕는 도구임.
Custom GBT
AI를 기반으로 한 콘텐츠 및 디자인 프롬프트 생성 도구로, 원하는 결과물을 자동으로 만들어줌.
CTA
Call To Action(행동 유도 버튼)의 약어로, 사용자가 특정 행동을 취하도록 유도하는 웹페이지 요소임.
[00:00:00]
Windsurf Wave 3 업데이트 소개
영상은 Windsurf의 최신 Wave 3 업데이트를 소개하며, 업데이트의 혁신적인 기능들을 간략하게 언급합니다. 비코딩 사용자도 쉽게 앱, 웹사이트, 도구를 제작할 수 있도록 다양한 기능들을 강조합니다.
[00:00]
윈드서프가 웨이브3 버전을 출시하면서 코딩 없이도 앱과 웹사이트를 쉽게 만들 수 있는 혁신적인 기능들을 선보였습니다.
[00:17]
새로운 기능으로는 모델 컨텍스트 프로토콜, 탭 점프, 터보 모드, 이미지 드래그 앤 드롭, 커스텀 앱 아이콘 등이 추가되었습니다.
[00:45]
Claude 3, DC GUI3, Mini, Gemini 2.0 Flash 등 다양한 AI 모델이 내장되어 있어 선택하여 사용할 수 있습니다.
[00:52]
Codium 설치 방법과 새 프로젝트 생성 과정을 상세히 설명하고 있습니다.
[00:00:53]
프로젝트 설정 및 환경 구성
Codium 웹사이트를 통해 새로운 프로젝트를 생성하는 과정을 시연합니다. Cascade 인터페이스에서 코드와 채팅 모드를 활용해 파일 편집과 작업 환경 구성이 이루어집니다.
[01:13]
Cascade 도구를 통해 Write와 Chat 기능을 활용하여 콘텐츠를 생성하고 관리할 수 있습니다.
[01:52]
실제 웹사이트 스크린샷을 활용하여 새로운 서비스 페이지를 만드는 과정을 시연하고 있습니다.
[00:02:00]
API 선택 및 콘텐츠 생성
다양한 AI API(예: Gemini 2.0, DSE version 3, 03 mini 등)를 선택하여 콘텐츠를 자동으로 생성하는 방법을 설명합니다. 이미지 삽입과 HTML 코드 생성 등 실시간 페이지 디자인 작업을 진행합니다.
[02:43]
Goldie 에이전시의 AI 자동화 서비스를 위한 HTML 페이지 생성을 시작합니다. 실제 출시될 서비스이며, 콘텐츠 자동화 에이전트와 AI 아바타 클론 두 가지 서비스를 소개합니다.
[03:13]
두 서비스의 세부 내용과 가격을 설정합니다. 콘텐츠 자동화 에이전트는 기업의 콘텐츠 제작 확장을 위한 것이고, AI 아바타 클론은 자동화된 동영상 제작을 위한 것입니다. 각각 4,000달러로 책정됩니다.
[03:46]
프롬프트 포지 도구를 사용하여 윈드서프에서 랜딩 페이지 디자인을 위한 명확한 프롬프트를 생성합니다. AI 프로핏 보드룸의 핵심 기능을 활용합니다.
[00:04:06]
랜딩 페이지 디자인 및 미리보기
생성된 HTML 코드를 바탕으로 랜딩 페이지를 디자인하고, 미리보기 과정을 통해 디자인을 검토합니다. 실시간 프리뷰와 수정 작업을 통해 오류가 없는 최적화된 페이지를 완성합니다.
[04:27]
생성된 HTML을 브라우저에서 미리보기하며, 브랜딩 가이드라인을 잘 따른 디자인을 확인합니다. 세일즈 페이지 기능도 추가하여 전환율을 높이는 방안을 모색합니다.
[05:19]
Claude 3.5 Sonnet으로 전환하여 추가 기능을 테스트하고, 다양한 API 옵션들의 성능을 비교 평가합니다.
[05:44]
Claude가 최고의 AI 도구라고 설명하며, 디자인과 코드 품질이 뛰어나고 첫 시도에서 잘 작동한다는 장점을 언급합니다.
[06:05]
생성된 랜딩 페이지에 회사 소개, 문제 해결 방안, testimonials, 보증 등 핵심 요소들이 잘 구성되어 있음을 설명합니다.
[06:24]
채팅 모드를 활용해 세일즈 페이지 콘텐츠를 생성하고 수정하는 프로세스를 상세히 설명합니다.
[07:02]
로컬 호스팅으로 페이지를 미리보기하고 finder를 통해 새 탭에서 확인하는 방법을 설명합니다.
[07:54]
AI 자동화 서비스의 장점과 성과를 강조하는 세일즈 카피 예시를 보여주며 Claude의 뛰어난 콘텐츠 생성 능력을 설명합니다.
[08:08]
AI가 생성한 콘텐츠의 품질을 확인하고, 게시 전 필요한 수정 사항들을 검토합니다.
[08:16]
WordPress나 Shopify 등 다양한 플랫폼에 삽입할 수 있는 HTML 코드 생성 방법을 설명합니다.
[08:41]
Gutenberg 에디터에서 HTML 코드 블록을 추가하고 생성된 콘텐츠를 삽입하는 과정을 보여줍니다.
[00:09:00]
최종 수정 및 배포
WordPress 코드 블록에 HTML을 삽입해 최종 페이지를 구성하고, 실제 고객 후기, CTA, 브랜드 색상의 개선으로 품질을 높입니다. 최종적으로 페이지를 호스팅하고 로컬 미리보기를 통해 검토를 완료합니다.
[09:00]
실제 고객 후기와 증거 기반의 콘텐츠로 업데이트하여 진정성 있는 페이지를 만드는 방법을 설명합니다.
[10:19]
이 프로세스는 전문적인 비즈니스 웹사이트를 만들 때 품질 관리가 중요한 상황에 특히 적합하며, 콜드 트래픽 운영도 가능합니다.
[13:08]
AI 프로핏 보드룸에서 윈드서프 플러스 관련 비디오 튜토리얼과 추천 콘텐츠를 제공하며, AI와 자동화에 관심 있는 93명의 커뮤니티 멤버들과 함께할 수 있습니다.
[13:20]
크래시 코스를 통해 AI 설정과 운영을 위한 최적의 워크플로우, 커스텀 GPT, GitHub 봇 등 다양한 도구를 제공합니다.
[13:35]
주간 화상 통화와 녹화된 세션을 통해 지속적인 학습이 가능하며, 매일 새로운 업데이트가 제공됩니다.
[13:48]
무료 1:1 SEO 전략 세션을 통해 웹사이트 트래픽 증가와 매출 자동화 전략을 배울 수 있습니다.
[00:14:00]
프로모션 및 추가 리소스 안내
추가적으로 AI Profit boardroom, 무료 SEO 전략 세션 등 다양한 프로모션을 소개합니다. 사용자들이 커뮤니티 참여와 추가 자료 활용을 통해 더욱 심도 있는 학습과 지원을 받을 수 있음을 안내합니다.
타임라인 정보가 없습니다.
[00:00]
윈드서프의 이번 업데이트는
[00:03]
정말 놀랍습니다. 윈드서프가 방금
[00:05]
웨이브3를 출시했는데, 말 그대로
[00:07]
몇 시간 전에 나왔고
[00:09]
기본적으로 정말
[00:10]
놀라운 새로운 기능들이
[00:12]
앱, 웹사이트, 도구 제작을 위해 추가되었습니다.
[00:14]
코딩을 모르더라도 이보다 쉬울 수 없죠
[00:17]
예를 들어, 여기서 볼 수 있듯이
[00:18]
다양한 기능들이 추가되었습니다
[00:21]
모델 컨텍스트 프로토콜, 탭 점프,
[00:24]
터보 모드, 이미지 드래그 앤 드롭,
[00:26]
커스텀 앱 아이콘을 포함해서요
[00:29]
탭 점프 기능이 있어서
[00:31]
더 빠르게 이동할 수 있고
[00:32]
터보 모드와 이미지 드래그 앤 드롭으로
[00:34]
프로젝트에 커스텀 이미지를
[00:36]
삽입할 수 있습니다. 이것들을
[00:38]
곧 테스트해볼 건데요
[00:40]
예를 들어 프로젝트로 변환하고
[00:42]
거기에 커스텀 아이콘도 추가할 수 있습니다
[00:45]
게다가 Claude 3 버전, DC GUI3,
[00:47]
Mini와 Gemini 2.0 Flash가 직접
[00:50]
내장되어 있어서 선택할 수 있죠
[00:52]
시작하고 싶다면 그냥
[00:53]
codium, 즉
[00:56]
code.com에 가서 다운로드하면 됩니다
[00:59]
설치하고 나면
[01:00]
이렇게 보일 거예요. 그 다음
[01:02]
프로젝트가 될 새 폴더를 열면 되는데
[01:04]
예를 들어
[01:05]
새로운 AI 서비스 페이지라고 입력해보죠
[01:09]
생성을 클릭하고 열어봅시다
[01:12]
여기서
[01:13]
Cascade로 코딩하기를 클릭합니다
[01:16]
Cascade 안에서 Write와 Chat 옵션이 있는데
[01:20]
Chat은 단순히
[01:21]
ChatGPT와 대화하는 용도이고
[01:23]
프로젝트 파일을 수정하지는 않습니다
[01:24]
Write 섹션에서는
[01:26]
실제로 콘텐츠를 만들 수 있고
[01:28]
여러 다른 API 중에서
[01:29]
선택할 수 있습니다. Gemini 003 Mini,
[01:32]
Claude 3, GPT-4, Claude 3.5
[01:36]
Sonic이 있고, 각각
[01:38]
크레딧이 얼마나 필요한지도 볼 수 있죠
[01:39]
예를 들어 Gemini 2.0 Flash는 꽤 저렴해서
[01:42]
0.25x 크레딧만 사용합니다
[01:45]
이미지도 삽입할 수 있고
[01:47]
원하면 MCP 서버도 선택할 수 있어요
[01:50]
예를 들어
[01:52]
웹사이트를 위한 새로운
[01:53]
서비스 페이지를 만든다고 할 때
[01:55]
예시를 보여드리자면, 우리는
[01:58]
기존 웹사이트의 스크린샷을
[02:00]
여기 보이는 것처럼 찍고
[02:01]
Wind Surf로 가서 삽입할 수 있습니다
[02:03]
Claude 3.5 Sonic을 선택하고
[02:06]
여기 보이는 것처럼
[02:08]
이미지를 붙여넣을 수 있어요
[02:09]
이미지가 들어갔고, 채팅에서
[02:11]
원하는 걸 물어볼 수 있습니다
[02:13]
이제 커스텀 GPT로 가볼 건데요
[02:15]
AI Profit Boardroom에 있는 것으로
[02:16]
참여하고 싶다면 설명란의 링크와
[02:18]
오늘 사용한 모든 프롬프트를 확인하세요
[02:20]
자, 이제 두 가지 새로운
[02:22]
서비스를 위한 랜딩 페이지를 만들어보죠
[02:24]
우리의 새로운 서비스를 위한 랜딩 페이지인데
[02:26]
방금 만든 웹페이지의 스크린샷을 첨부하고
[02:30]
이걸 이용해서
[02:31]
Wind Surf에 프롬프트를 입력할 거예요
[02:33]
앱은 Wind Surf AI, 브랜드 색상은
[02:37]
브랜드 색상을 넣고
[02:39]
비슷하지만 더 나은 디자인으로 따라가보죠
[02:43]
보시다시피 제 페이지를 위한 HTML을
[02:45]
Goldie 에이전시의 AI 자동화 서비스에 대해
[02:48]
만들어보겠습니다. 이건 실제로
[02:50]
우리가 출시할 서비스라서 매우 유용하죠
[02:52]
그리고 이제 우리는
[02:54]
첫 번째 서비스를 콘텐츠 자동화 에이전트로 설정하고
[02:57]
가격은 4,000달러로 하겠습니다. 그리고 두 번째 서비스는
[03:00]
AI 클론으로 하겠습니다. 첫 번째 서비스인
[03:03]
콘텐츠 자동화 에이전트는
[03:06]
비즈니스 콘텐츠 제작을 확장하려는
[03:08]
기업을 위한 맞춤형 에이전트를 구축해주는 서비스입니다
[03:12]
그리고 다음으로
[03:13]
두 번째 서비스인 AI 아바타 클론은 4,000달러이며
[03:17]
AI 아바타를 이용해 자동화된 동영상을
[03:20]
게시하고자 하는 고객을 위한 AI 아바타 제작 서비스입니다
[03:24]
두 서비스 모두 완전한 대행 서비스이며
[03:27]
톤은 Alex 스타일로 하고
[03:29]
세일즈 페이지를 만들어
[03:32]
워드프레스 페이지에 삽입할 HTML을 생성하겠습니다
[03:35]
그리고 상담 예약 링크는
[03:38]
CCE 캘린더로 연결하고 제목은
[03:41]
EG AI 자동화 전략 세션으로 하겠습니다
[03:45]
이제 우리는
[03:46]
이것을 프롬프트에 넣을 건데
[03:48]
프롬프트 포지의 좋은 점은 이 커스텀 GPT가
[03:50]
우리가 만든 도구라는 거죠
[03:52]
AI 프로핏 보드룸 안에서 사용할 수 있는
[03:54]
이 도구는 윈드서프를 위한
[03:57]
랜딩 페이지 디자인을 위한
[03:59]
명확한 프롬프트를 생성할 수 있습니다
[04:01]
이제 이 프롬프트를 가지고
[04:03]
윈드서프로 가서 채팅창에
[04:06]
입력하겠습니다
[04:08]
워드프레스 내부 페이지에 삽입할 HTML을 생성해주세요
[04:12]
첨부된 디자인 형식을 따르되
[04:14]
더 아름답게 디자인해주세요
[04:16]
스크린샷으로
[04:18]
보여드리겠습니다만, 더 아름답게 디자인되었죠
[04:22]
이제 들어가보면
[04:23]
HTML 생성이
[04:25]
시작되는 것을 볼 수 있습니다
[04:27]
이제 HTML이 준비되었고
[04:29]
미리보기를 원하시면
[04:30]
미리보기를 요청할 수 있으며
[04:32]
브라우저에서 열어볼 수 있습니다
[04:35]
페이지가 생성되었고
[04:37]
실제로 꽤 괜찮아 보이네요
[04:39]
우리가 제시한 브랜딩 가이드라인을 잘 따랐고
[04:41]
또한 우리가 할 수 있는 것은
[04:43]
소스 컨텍스트를 제공하고
[04:45]
세일즈 페이지도 만들어달라고 요청할 수 있습니다
[04:47]
예를 들어 여기서 우리가 할 수 있는 것은
[04:49]
페이지에 더 많은 정보를 추가해달라고 요청하는 것입니다
[04:52]
애널리 호르 모시 스타일의 세일즈 페이지로
[04:57]
이것은 Goldie 에이전시 웹사이트를 위한 것이며
[05:00]
랜딩 페이지는 읽기 쉽고
[05:02]
스캔하기 쉽게 만들되
[05:05]
전환율을 높이기 위한 충분한 정보를 포함해야 합니다
[05:08]
랜딩 페이지의 버튼을 확인해보면
[05:10]
클릭하면 바로
[05:12]
우리 팀원의 캘린더로 연결됩니다
[05:15]
자동화 서비스 예약을 위해
[05:17]
이제 우리는 다시
[05:19]
Claude 3.5 Sonnet으로 돌아가서 시도해볼 건데
[05:23]
원한다면 MCP 서버도 구성할 수 있습니다
[05:25]
구성을 원하시면
[05:26]
configure를 클릭하시면 됩니다
[05:28]
하지만 지금은 넘어가고
[05:29]
엔터를 눌러
[05:31]
페이지 생성을 시작하겠습니다
[05:32]
어떤 API가 가장 좋은지
[05:34]
궁금하실 텐데, 솔직히 말씀드리면
[05:37]
제가 테스트해본 DC GPC 40, DC 버전 3
[05:40]
03 미니, Claude 3.5 Sonnet 등 중에서
[05:44]
제가 봤을 때 Claude가 단연 최고예요.
[05:46]
디자인이 가장 뛰어나고 코드도
[05:48]
빠르고 깔끔하게 작성하며,
[05:49]
페이지를 만들 때 대부분
[05:51]
첫 시도에서 제대로 작동하죠.
[05:53]
다른 AI 도구들에서는 보기 힘든 장점이에요.
[05:55]
우리 모두 경험해봤잖아요.
[05:57]
ChatGPT에 뭔가를 요청하면 HTML 코드를
[05:59]
작성하는 데 시간이 오래 걸리고
[06:01]
결국 작동도 안 하죠. 자, 이제 명령을
[06:03]
실행하면 훨씬 더 멋진
[06:05]
랜딩 페이지가 생성됐어요. 보시다시피
[06:06]
우리가 누구이고 무엇을 하는지,
[06:08]
어떤 문제를 해결하는지, 그리고
[06:10]
testimonials를 위한 자리도 마련되어 있고
[06:12]
무위험 보증 등도 포함되어 있죠.
[06:14]
정말 멋진 랜딩 페이지를 만들고 싶다면
[06:16]
다음과 같이 할 수 있어요.
[06:18]
이 페이지의 모든 콘텐츠를
[06:19]
이 부분에서 가져와서
[06:21]
채팅 모드로 전환한 다음
[06:24]
두 가지 서비스를 판매하는 세일즈 페이지 복사본을
[06:27]
자세한 내용과 판매 복사본, 이점 중심의
[06:29]
카피라이팅을 포함해서 작성하고
[06:31]
그런 다음에 우리가 할 수 있는 건
[06:33]
채팅 모드에서 복사본을 생성하고
[06:36]
그걸로 파일을 다시 작성할 수 있어요.
[06:39]
준비가 완료되면 말이죠.
[06:41]
실제 파일은 수정하지 않고
[06:43]
Claude 3.5 Sonic의 채팅에서
[06:45]
최상의 결과를 얻을 때까지
[06:47]
여러 번 시도해볼 수 있어요.
[06:48]
최고의 랜딩 페이지 카피를 만들기 위해
[06:50]
여러 번의 반복이 필요할 수 있거든요.
[06:52]
이제 내용이 다시 작성됐고
[06:54]
적용 버튼을 누르면 프로젝트에
[06:56]
적용됩니다. 모두 수락하고
[06:58]
페이지를 미리보기 할 수 있어요.
[07:00]
페이지를 실행하면
[07:02]
터미널 명령어가 실행되고
[07:04]
로컬 페이지에 호스팅 되는데
[07:06]
브라우저로 가보면
[07:08]
페이지가 생성된 걸 볼 수 있어요.
[07:10]
내용이 다시 작성됐고
[07:11]
물론 이상한 부분들이 있지만
[07:13]
그건 제거할 수 있어요.
[07:15]
매우 쉽고 간단하게 할 수 있죠.
[07:16]
페이지를 새로고침하면 에러가 해결되고
[07:19]
미리보기를 하는 다른 방법은
[07:20]
finder에서 보기를 클릭한 다음
[07:23]
파일을 열어서 새 탭에서 열면
[07:25]
보시다시피 이모지도
[07:27]
제대로 로드되는 게 좋네요.
[07:29]
자, 이제 멋진 랜딩 페이지가
[07:30]
만들어졌고 바로 사용할 수 있어요.
[07:33]
배경도 원하면 변경할 수 있는데
[07:34]
예를 들어 이렇게 요청할 수 있죠.
[07:36]
콘텐츠의 섹션별로 색상을 입혀서
[07:39]
배경을 더 멋지게 만들어달라고
[07:41]
카피라이팅이 보이시죠?
[07:43]
정말 멋진 점은
[07:44]
디자인뿐만 아니라 코드도 얻고
[07:46]
코딩을 할 줄 몰라도
[07:47]
이 모든 걸 할 수 있다는 거예요.
[07:48]
게다가 콘텐츠 자체가
[07:51]
Claude의 성능 덕분에
[07:52]
정말 잘 작성되었어요. 예를 들면
[07:54]
"AI 자동화 서비스로 콘텐츠 제작의 부담을 덜어드립니다.
[07:56]
우리의 AI 시스템으로 순위에 오르고
[07:58]
전환율이 높은 콘텐츠를
[08:00]
24/7 제작하여 비즈니스를 확장하세요.
[08:02]
이미 100개 이상의 기업이 작가 고용 없이
[08:04]
콘텐츠 생산량을 10배 늘렸습니다"
[08:06]
전체 페이지의 세일즈 카피가
[08:08]
지금 보시다시피 정말 좋네요. 물론 약간의 수정이
[08:10]
필요한 부분이 있고, 여기 몇 가지 사실들이
[08:11]
있는데 이것들은 게시하기 전에
[08:13]
반드시 변경해야 할 것들이지만,
[08:14]
얼마나 쉽게 할 수 있는지 이해하실 수 있을 겁니다.
[08:16]
이제 WordPress 페이지에 삽입할 HTML을 생성해달라고 요청해보겠습니다.
[08:20]
꼭 WordPress만을 위한 것이 아니라
[08:23]
예를 들어 Shopify나
[08:25]
원하는 어떤 플랫폼에도 사용할 수 있습니다.
[08:27]
이제 Windsurf 안에서
[08:30]
WordPress 페이지에 삽입할
[08:32]
HTML을 요청할 수 있습니다. 이제 콘텐츠가 있으니
[08:34]
WordPress로 돌아가서
[08:36]
새로운 HTML을 추가할 수 있습니다. 여기 보이는 것처럼
[08:40]
새로운 코드 블록을 추가할 수 있습니다.
[08:41]
Gutenberg 에디터로 들어가서
[08:43]
HTML을 입력하면 프로젝트의 HTML을
[08:47]
삽입할 수 있습니다. 이것을 복사해서
[08:49]
Chrome으로 돌아가 붙여넣고
[08:52]
임시저장을 하고 미리보기를 하면
[08:54]
콘텐츠 미리보기가 준비되어
[08:56]
여기서 볼 수 있는 것처럼
[08:58]
꽤 괜찮은 디자인이네요.
[09:00]
실제 후기가 있다면,
[09:01]
여기 보시는 것처럼
[09:03]
실제 결과와 실제 고객들의
[09:05]
후기를 AI에게 요청해서
[09:07]
교체할 수 있습니다. Windsurf로
[09:09]
돌아가서 '실제 고객의 실제 결과' 섹션을
[09:12]
변경해달라고 요청할 수 있습니다.
[09:15]
실제 후기를 사용하기 위해
[09:18]
후기 섹션으로 가서
[09:20]
페이지를 살펴보고
[09:21]
관련된 후기들을
[09:23]
찾아볼 수 있습니다. 그리고 이 이미지들을
[09:26]
후기로 사용해달라고 요청하고
[09:28]
붙여넣기만 하면 됩니다.
[09:29]
몇 개를 쉽게 삽입해보죠.
[09:31]
그리고 이것을 보면
[09:33]
AI가 증거 없이 만든
[09:35]
과장된 주장들이 있습니다.
[09:38]
그래서 우리는 증거가 없는
[09:40]
과장된 주장들을 제거해달라고
[09:43]
요청할 수 있습니다. 고객의 기대치를
[09:46]
현실적으로 유지하고 진정성 있게
[09:50]
사람들을 오도하지 않되
[09:52]
카피라이팅의 이점은 유지하겠습니다.
[09:54]
이제 AI가 후기 섹션을
[09:55]
실제 이미지의 후기로 업데이트하고
[09:57]
메시지를 진정성 있고 정직하게
[09:59]
유지하겠다고 합니다.
[10:01]
여기 모든 것이 업데이트되었네요.
[10:03]
이제 이것을 복사해서
[10:05]
HTML 코드에 다시 붙여넣고 임시저장을 하면
[10:08]
솔직히 말씀드리면, AI에게
[10:10]
제가 제공한 실제 이미지를 삽입하고
[10:12]
우리 브랜드 색상을 더 사용하고
[10:14]
각 섹션에 무료 AI 자동화 세션
[10:16]
CTA 버튼을 추가해달라고 요청할 수 있습니다.
[10:19]
실제로 이 전체 프로세스는
[10:21]
진지한 웹사이트를 위한 HTML을 만들 때
[10:22]
정말 신경 쓰고 있고
[10:24]
비즈니스를 대표하려고 할 때
[10:26]
가능한 최고의 랜딩 페이지를
[10:28]
만들려고 할 때 더 적합합니다.
[10:30]
이것이 정말 좋은 워크플로우인 이유는
[10:32]
여기에는 더 많은 품질 관리가 포함되어 있기 때문입니다.
[10:34]
이것은 단순히 원클릭으로
[10:36]
빠르게 웹사이트를 만드는 것이 아니라
[10:38]
가능한 최고의
[10:39]
랜딩 페이지를 만들어서
[10:41]
전환율을 높이려는 것입니다.
[10:43]
이런 방식이라면
[10:44]
콜드 트래픽도 실행할 수 있습니다.
[10:46]
예를 들어, 이 페이지에 콜드 트래픽을 보내볼 수 있습니다
[10:48]
이와 비슷한 형태의 랜딩 페이지에
[10:50]
품질 관리 프로세스만 제대로 갖추면
[10:52]
웹사이트나 도구, 앱을 만들 때
[10:53]
많은 세일즈 콜이나 판매를 발생시킬 수 있죠
[10:55]
또는 여러분이 목표로 하는
[10:57]
어떤 것이든 달성할 수 있습니다
[10:58]
보시다시피 모든 과장된 주장들과
[11:00]
근거 없는 수치들이 제거되었고
[11:03]
실제 후기 이미지들이 추가되었습니다
[11:06]
브랜드 컬러와 CTA 버튼도 개선되었죠
[11:09]
이제 이 모든 것을 수락하고
[11:11]
내부 페이지에 삽입할 HTML 코드를 받아보겠습니다
[11:14]
워드프레스용 이미지 경로도
[11:17]
함께 제공되는데, 이건 정말 좋네요
[11:18]
이미지들이 제대로 삽입되길 바라며
[11:20]
여기서 볼 수 있듯이
[11:21]
이미지가 실제로 작동하도록
[11:23]
하는 방법에 대한 상세한
[11:24]
설명도 제공됩니다
[11:26]
워드프레스 페이지에 이미지를 삽입하는 방법을
[11:28]
정확히 알려주고 있죠
[11:30]
다른 방법으로는
[11:31]
이미 웹사이트에 호스팅된 URL을
[11:33]
HTML에 직접 삽입할 수도 있습니다
[11:35]
예시를 보여드리겠습니다
[11:37]
사례 연구로 돌아가서
[11:38]
이미지 주소를 복사하고
[11:41]
이미지가 이미 호스팅되어 있다고 알려주면 됩니다
[11:43]
아래 URL을 참고하세요
[11:45]
새로운 코드를 워드프레스에
[11:47]
삽입했고, 보시다시피
[11:48]
모든 준비가 완료되었습니다
[11:51]
CTA 버튼은 캘린리 패키지로
[11:53]
연결되어 있고
[11:54]
차별화된 정보와
[11:56]
임베디드 후기들이 포함되어 있습니다
[11:58]
원하신다면 이미지 크기를 더 키울 수도 있고
[12:00]
각 섹션 아래에 CTA도 있습니다
[12:03]
이모지도 잘 어울리네요
[12:04]
정말 간단하고 쉽죠
[12:06]
이렇게 멋진 것들을 만들 수 있습니다
[12:08]
마침 저도 새로운 서비스를 위한
[12:10]
페이지가 필요했는데
[12:11]
시기가 딱 맞네요
[12:13]
윈드서프에서는 더 많은 것들을 할 수 있습니다
[12:15]
유튜브에 다른 영상들도 있으니
[12:17]
확인해 보시면 좋겠습니다
[12:18]
기본적으로 인터넷을 검색해서
[12:20]
오늘의 실시간 헤드라인을 가져올 수 있고
[12:22]
이를 활용해 웹사이트를 만들 수 있습니다
[12:23]
앱도 만들 수 있고
[12:25]
다양한 것들을 할 수 있죠
[12:27]
예를 들어 윈드서프 내에서
[12:29]
여기 우클릭하면 이전에 만든 프로젝트를
[12:31]
열어볼 수 있습니다
[12:33]
예를 들어 스네이크 게임이나 제가 만든 앱들처럼요
[12:35]
미리보기를 원하신다면
[12:37]
스네이크 게임은 이렇게 열 수 있습니다
[12:38]
보시다시피 파이썬으로 실행되고 있는데
[12:40]
이 게임을 만들기 위해
[12:41]
윈드서프에 스네이크 게임을
[12:43]
만들어달라고 요청했을 뿐입니다
[12:45]
게임을 만들었을 뿐만 아니라 로컬 호스팅까지 해주고
[12:48]
터미널 명령어도 실행할 수 있어서
[12:50]
개발할 때 로컬에서 실행해볼 수 있고
[12:52]
파이썬을 직접 설정할 필요도 없습니다
[12:54]
로컬에서 실행해볼 수 있고
[12:56]
파이썬 설정도 필요 없죠
[12:57]
저는 파이썬을 모르지만
[12:59]
파이썬 게임을 로컬에서 설정하고
[13:00]
코딩 기술이나 경험 없이도
[13:02]
완벽하게 작동하는 게임을 만들 수 있습니다
[13:04]
완벽하게 작동하죠
[13:06]
SOP 사용법을 단계별로 알고 싶다면
[13:08]
윈드서프 플러스와 비디오 튜토리얼을
[13:10]
AI 프로핏 보드룸의 추천 영상 섹션에서
[13:12]
확인하실 수 있습니다.
[13:14]
추가로 여러분은
[13:16]
AI와 자동화에 관심 있는 93명의
[13:19]
커뮤니티 멤버들과 함께하실 수 있습니다.
[13:20]
이 모든 정보는 크래시 코스에서 찾을 수 있으며,
[13:23]
AI 설정과 운영을 위한
[13:25]
최적의 워크플로우를 여기서 확인할 수 있습니다.
[13:28]
더불어
[13:29]
윈드서프 프롬프팅을 위한 커스텀 GPT,
[13:31]
GitHub 봇 등 원하는 것을 구축할 수 있습니다.
[13:35]
게다가 제가 진행하는
[13:37]
주간 화상 통화가 있고,
[13:39]
참석하지 못하는 경우를 위해
[13:40]
모든 통화 내용이 녹화됩니다.
[13:42]
녹화된 내용은 여기서 확인할 수 있으며,
[13:43]
매일 새로운 비디오와 업데이트를
[13:45]
이 보드에 계속 업로드하고 있습니다.
[13:47]
댓글 섹션의 링크를
[13:48]
확인해 주시고,
[13:49]
무료 1:1 SEO 전략 세션을 원하시면
[13:51]
댓글 섹션의 링크를 통해
[13:52]
신청하실 수 있습니다.
[13:53]
저희가 어떻게 웹사이트 트래픽을 0에서 145,000까지
[13:56]
한 달 만에 끌어올렸는지,
[13:58]
자동화를 통해 수십만 달러의
[13:59]
매출을 창출하는지 보여드립니다.
[14:01]
무료 링크 빌딩 가속화 세션에서는
[14:03]
SEO 지배 전략 플랜을 받고
[14:05]
비밀스러운 SEO 링크 빌딩에 대해 배우거나
[14:06]
1:1로 질문할 수 있습니다.
[14:08]
세계적 수준의 SEO 전문가들에게
[14:10]
궁금한 점을 물어보고
[14:11]
여러분의 웹사이트에 맞는
[14:12]
최고의 링크 빌딩 전략을 배울 수 있습니다.
[14:14]
현재 저희가 성공적으로 실행 중인
[14:16]
SEO 트래픽 10배 증가 방법도 배우실 수 있으니
[14:17]
댓글 섹션의 링크를 확인해 주세요.
[14:19]
시청해 주셔서 감사합니다. 안녕히 계세요.