이번 주에는 AI로 간단하게 만들어볼 수 있는 웹사이트들을 소개하고자 합니다. 아래에서 사용된 AI는 Claude Sonnet이라는 Ai인데요. 현재로써는 많은 대중이 아는 ChatGPT-4o보다도 성능이 좋은 상태입니다.

서비스 개발을 Claude Sonnet과 ChatGPT에게 요청을 해보았었는데요. 짧게 사용하고 느낀 점은 이러했습니다. 또한 두 결과물을 두고 Thread에서 투표를 해보았는데요. Claude가 제작한 사이트가 총 38표 중에 79%에 달하는 표를 받았습니다.

GPT-4o

1. 전체적인 틀을 잡으며 개발을 해주지만, 규모가 커지면 개발자 투입이 필수인 듯 하다.

2. 질문을 할 때 세부적인 요구사항을 자세히 던져 주어야 했다.

3. '개발 해줘'라고 하면 구구절절 설명하다가 예시코드만 던져준다.

Claude Sonnet

1. '해줘'라고 하면 진짜 해주는 AI다

2. 생각하는 것을 적으면 A to Z식으로 개발 및 구축 가이드를 알려준다.

3. GPT보다 개발자의 손을 덜 태워도 완성도가 높았다.

결과물 비교하기

투표 결과 보기

• https://www.threads.net/@__hello.stranger_/post/C8pstGVSK_o

이렇게 사용해본 Claude를 이용해서 다양한 서비스를 만들어 달라고 요청을 해보았는데요. 결과가 남아있는 것을 중심으로 몇 가지 예를들어 공유드리겠습니다. 이러한 내용이 뉴니커님의 작업에 조금이나마 보탬이 되길 바라겠습니다. :)

1. 해외 사이트를 한 곳에서 보여주는 서비스

설명

다양한 게시글을 모아서 보여주는 사이트를 만들어달라고 했어요. 물론, 이 프로젝트는 제가 필요로 한 사이트로 엄청 디테일한 요구사항들을 AI에게 던지긴 했습니다. 그 결과, 아래 스크린샷과 같이 깔끔한 UI를 만들어낼 수 있었고, 저의 요구대로 각 기능도 잘 포함이 되었답니다.

결과 이미지

사용해보기 👉 http://stranger.im

 2. 비즈니스 모델 분석기

설명

사용자에게 비즈니스 유형, 타겟 고객 등 다양한 정보를 입력 받습니다. 그 후 해당 값을들 토대로 AI에게 비즈니스 분석을 해달라고 요청을 하는 서비스인데요. 아래 예제도 심심풀이로 만든거라 UI는 완전 엉망이긴 하지만, AI에게 만들어 달라고 하면 잘 만들어 준답니다! 세부적인 UI는 다양하게 요청을 하면 수정되니 시도해보시길!

결과 이미지

3. 정렬 알고리즘 시각화 사이트

설명

프로그래밍 하시는 분들이라면 한번쯤 들어봤을 '정렬 알고리즘', 종류가 꽤 많죠? 이런 알고리즘들을 공부하기 위해 시각화하는 사이트도 만들어 볼 수 있었습니다. AI에게 'n가지의 정렬 알고리즘을 나열하고 그 알고리즘을 시각화하는 페이지'를 만들어 줘'라고 하면 끝이더라구요. 그 결과, 아래와 같이 개발이 완성된 것을 볼 수 있었습니다.

결과 이미지

4. Screenshot to Code

설명

앞서 개발한 알고리즘 시각화 사이트의 디자인이 마음에 안들었습니다. 하여, Toss의 메인 페이지를 스크린샷으로 첨부를 하고, 이와 같이 만들어달라고 요청을 해보았는데요. UI가 얼추 비슷하게 나온 것을 확인하였습니다. 세부적인 기능은 채팅을 통해서 "~가 없는데 ~를 넣어줘"라는 식으로 넣어주면 완성도가 더 올라가게 되더라구요.

결과 이미지

5.  ???

사실, 5번까지 준비를 해서 제공드리고 싶었지만, Claude Pro라는 것을 구독하지 않으면 일정시간동안 사용을 못 하게 되더라고요. 나머지 5번 샘플은 뉴니커의 창의력에 맞겨보겠습니다!

재미난 아이디어가 있어서 만들어보셨다면 자랑을 해주세요! 댓글이나 메일로 보내주시면 서로 인사이트도 나누고 좋은 기회가 될 것 같아요.

오늘의 글은 어떠셨나요? 다양한 생각을 댓글로 나누어 주세요. 🥹

SNS 

Threads | Instagram | X(Twitter) | Linkedin