[AI] 클로드(claude) ai로 웹앱 빠르게 만들기

안녕하세요! 오늘은 클로드 ai로 빠르게 간단한 웹앱을 만드는 방법에 대해 알아보겠습니다.

 

클로드 ai

https://claude.ai

 

위 링크로 들어가서 로그인을 해줍니다. 물론 무료로 사용이 가능합니다.

내 웹앱 만들기

지금부터 저는 스탑워치를 만들어볼겁니다.

 1. 랩을 기록할 수 있어야한다.

 2. 리셋 버튼이 있어야한다.

 3. 기록된 랩의 이름을 바꿀 수 있어야한다.

 4. 버튼에 이펙트가 들어갔으면 좋겠다.

 5. 숫자 폰트는 디지털 시계의 버전이였으면 좋겠다.

 

위와 같은 조건으로 입력해보겠습니다.

 

입력후엔 자동으로 코드를 짜서 ai가 스스로 코드를 작성합니다.

위와 같이 만들어졌지만 숫자 폰트가 정말 맘에 들지 않습니다.

더 디지털 시계 같은 느낌의 폰트로 변경을 요구하겠습니다.

이제 조금은 원하는 디지털 느낌의 폰트가 되었습니다.

 

---

지금까지 클로드 ai를 통해서 웹앱을 간단하게 만드는 방법에 대해 알아보았습니다. 무료 버전이라 간단한 웹앱이지만 시간이 지남에 따라 복잡한 서비스까지 적용한 앱을 만들 수 있지 않을까 기대가 됩니다. 감사합니다.

 

https://claude.ai/public/artifacts/af7e47a3-2bcc-4e45-9e20-0f751a10e2e4

 

위 링크는 제가 만든 스탑워치입니다.