클로드 AI 사용법, 코딩 없이 1분 만에 웹사이트 만들기 (Claude 앱 활용)

 

최근 챗GPT를 넘어 무서운 속도로 성장 중인

AI가 있죠? 바로 클로드(Claude)입니다.

많은 분이 클로드를 그저 "말 잘하는 인공지능"

정도로만 알고 계시는데요.

사실 클로드의 진가는 'Artifacts(아티팩트)'라는

기능에서 나옵니다.

코딩을 전혀 몰라도 텍스트로 명령만 내리면,

1분 만에 내가 쓸 수 있는 메모장 웹사이트를

뚝딱 만들어주거든요.

"에이, 설마 그게 되겠어?"라고 생각하신다면

오늘 포스팅을 끝까지 주목해 주세요.

직접 눈으로 확인하시면 정말 깜짝 놀라실 겁니다!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[실습]
텍스트만으로 메모장 앱 제작 & 공유하기

1. 가장 먼저 스마트폰에서 Claude 앱을

실행해 주세요. 앱이 없다면 앱스토어나

플레이스토어에서 무료로 다운로드할 수 있습니다.

 

 

2. 채팅창에 내가 원하는 기능을 말해봅니다.

저는 아주 심플하게 "메모장 웹 사이트 만들어줘"라고

입력하고 전송 버튼을 눌러보겠습니다.

 

💡 Tip: "디자인은 감성적인 파스텔 톤으로 해줘"

혹은 "다크모드 기능을 넣어줘"처럼

구체적으로 요청할수록 결과물이 더 멋지게 나옵니다!

 

 

3. 잠시만 기달리면

 

 

4. 생성이 끝나면 화면에 [HTML] 버튼이나

실행 창이 뜹니다. 이걸 누르면 복잡한 코드 뒤에

숨겨진 실제 작동 화면이 나타납니다.

 

 

5. 짜잔! 실제로 글자가 써지고 지워지는

나만의 메모장이 완성되었습니다.

브라우저에서 바로 사용해 볼 수 있어 정말 신기하죠?

이 결과물을 나만 보기 아깝다면 공유도 가능합니다.

상단의 [더보기(점 세 개)] 아이콘을 누른 뒤

 

 

6. [게시] 버튼을 클릭해 보세요.

 

 

7. '링크가 있는 모든 사용자' 설정을 확인하고 주소를 복사해 지인들에게 보내보세요.

 

 

8. 이제 상대방도 내가 만든 메모장 페이지에 접속할 수 있습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

🔍잠깐! 이게 진짜 웹사이트인가요? (필독)

직접 만들어보시면 "어? 이게 진짜 서버에 등록된

웹사이트인가?" 하는 궁금증이 생기실 거예요.

정확히 정리해 드릴게요!

• 웹사이트가 맞나요? 네, HTML/CSS/JS라는 실제 웹 언어로 만들어진 페이지가 맞습니다. 하지만 전문적인 서비스라기보다는 '웹 도구 시제품(프로토타입)'에 가깝습니다.
• 주의할 점 (데이터 저장) 클로드로 만든 이 페이지는 별도의 데이터베이스가 없습니다. 따라서 브라우저를 새로고침하거나 창을 닫으면 작성했던 메모 내용이 사라질 수 있어요. 중요한 내용은 꼭 따로 저장해야 합니다!
• 활용 팁 영구적인 사이트를 운영하기보다는, 아이디어를 빠르게 구현해 보거나 계산기·타이머 같은 간단한 일회성 도구가 필요할 때 활용하면 최고의 효율을 보여줍니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

마무리

오늘은 이렇게 클로드 AI(Claude ai)를 활용해

코딩 한 줄 없이 나만의 메모장 웹사이트를 만들고

공유하는 방법까지 알아봤습니다.

사실 우리가 복잡한 프로그래밍 언어를 배우는

이유는 '내가 원하는 도구'를 만들기 위해서였죠.

이제는 클로드 같은 똑똑한 AI 덕분에 아이디어만

있다면 누구나 창작자가 될 수 있는 시대가 되었습니다.

물론 앞서 말씀드린 것처럼 데이터 저장의 한계는

분명히 존재합니다. 하지만 내 아이디어를

시각화하거나, 친구들에게 간단한 도구를 만들어

선물하는 용도로는 이보다 더 완벽한 툴이

없을 것 같네요.

여러분은 오늘 어떤 사이트를 만들어보고 싶으신가요? 지금 바로 클로드 앱을 켜서

"나만의 사이트 만들어줘"라고 외쳐보세요!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

주식 차트 AI 분석 사이트 ChartPT 사용 방법 총정리