windsurf32 친근감 있는 거리커피점, AI와 협업! AI의 능력을 최대한 끌어올려 재미있는 작품을 만들어보자는 취지로 오늘도 하나 만들어 보았습니다.몇시간 정도에 끝나긴 했지만 과정이 꽤 길기 때문에 도입부의 흥미로운 부분 하나만 공유드릴께요.한가지 실험을 해보았는데요.그림을 던져주고 만들어 달라고 하면 과연 가능할까? 입니다.우선 ChatGPT 에서 요청해서 이런 이미지를 만들어 달라고 했습니다.윈드서프 기본 세팅 후, 이 이미지 파일을 윈드서프 채팅창에 붙여 넣고 이렇게 요청하였습니다.캔바스를 이용해서 첨부 이미지와 비슷한 화면을 구성하고,사람들이 좌우로 걸어다니며 이동하도록 만들어줘.그림뿐만 아니라 이동하는 동작까지 구현해달라고 했는데 과연 어떤 결과를 내놓았을까요?이런 결과를 내놓았더라구요. 순간 '푸하-' 하고 감탄사가 나왔습니다.단순해 보여도 .. 2025. 6. 9. 현실속 사물을 가상으로 - AI코딩 + Tripo3D AI 현실세계 사물을 가상공간에서 다양한 각도로 자유롭게 볼 수 있다면 어떨까?아마도 몇년전이라면 실력좋은 3D 모델러가 여기저기 사진을 찍고 나서 며칠동안 모델링, 텍스쳐링을 마치고 나서 실감나는 결과물을 내놓았을 겁니다.사람들이 우와~ 하면 아마도 뿌듯해하겠지요.비록 전문가 수준은 아니지만 AI가 단순한 사진 한장만으로도 모델링과 텍스쳐링을 해준다면 믿으시겠어요?심지어 배경이 있어도 개의치 않습니다. 피사체만 추려서 작업을 해주거든요.몇가지 종류가 있는데 그 중 하나를 소개해드리려 합니다.바로 Tripo AI 입니다. ( 아래 링크로 들어오시면 저와 독자님께 모델 생성 가능한 크레딧이 추가로 제공됩니다. 후원차원에서 클릭해주시면 감사하겠습니다 ㅎㅎ )https://studio.tripo3d.ai?invit.. 2025. 6. 7. 다음 정차역은? AI와 만든 기차 시뮬레이터 3D 열차 시뮬레이션을 AI코딩과 함께 만들면서 경험을 공유드리려고 합니다.처음에는 이렇게 시작했습니다.3차원 열차타기 시뮬레이션을 만들어줘CLAUD 에서 시작해보았는데요.와우 퀄리티 괜찮은것 같은데 하며, 이것 저것 기능을 추가할 꿈에 부풀어 있었는데요.그게.. 생각처럼 쉽지는 않더군요. 난관이 많았습니다.나무나 건물이 열차 앞을 가로막는데 좀 어색해. 수정해줘.모바일에서 터치드래그해도 화면이 회전되게 해줘.의자의 앞뒤 방향의 반대인데 180도 돌려줘.의자 옆에 각각 창문을 뜷어줘.( 이 때 창문이 이상하게 뜷리는 문제가 생겨 나중에 일일히 수정해 주었지요.. )기능을 추가 추가하다 보니 갑자기 작동이 안되기도 하고..다시 전 단계로 되돌리기도 하고..코드량이 점점 커지니 AI도 힘들어하는 느낌이 들.. 2025. 6. 3. 도시의 낭만! ( AI 협업 도시 시뮬레이션 ) 윈드서프 AI와 함께 협업으로 만들어 보았습니다.AI코딩 도구 없으면 일 안 다니고도 1 ~ 2주 걸릴만한 일인데,4시간 가량 씨름하다 완성했네요.아래 사이트에 접속하시면 가상 3D 도시 시뮬레이션을 보실 수 있습니다.( PC에서 안정적으로 작동합니다. 모바일 사용성까지는 고려를 안했네요. )https://cray7.mycafe24.com/City/사용법은 그리 어렵지는 않은데요.처음 접속하면 빈 월드가 등장합니다.이어서, 왼쪽 건물 목록에서 건물을 선택, 이어서 바닥을 선택하면 건물이 생겨납니다.연속해서 배치가 되기 때문에 취소하려면 ESC 키를 눌러주셔야 해요.주거건물과 상업건물, 산업건물은 모두 비스무리한데 색상과 분위기가 좀 다릅니다.도로와 공원도 배치할 수 있긴 한데,도로는 좀(많이..) 어색한.. 2025. 6. 3. 윈드서프AI - 구글 시트 흉내내기 구글 시트는 엑셀과 비슷하고 엄청 복잡한 기능 덩어리인데요.친척격인 구글 제미나이 모델을 사용하여 일부 기능을 흉내내 보았습니다.그냥 가로, 세로 셀과 셀 입력 기능, 사칙연산 및 괄호 연산 기능 정도인데요.사실 이 것만 해도 꽤 복잡합니다.직접 개발하자면 몇주 걸릴지도 모르지만 AI와 함께 협업하여 AI가 수정 못하는 부분은 직접 디버깅해서 잡기도 하고3시간 가량 소요된 것 같습니다. 이 정도 기능을 만드려면 AI만으로는 절대로 안되겠다고 깨닫겠더라구요 ㅎ..과정이 너무 길어 그걸 공유하는 건 힘들것 같고, 입력했던 문구와 조치했던 내용,최종 결과물 공유드리겠습니다~프롬프트 목록구글시트처럼 작동하는 웹페이지를 만들어줘. 기존 HTML 방식 말고 캔바스로 구현해줘, 라이브러리는 jquery를 사용하고 적.. 2025. 5. 21. 윈드서프 AI로 교회 홈페이지 만들기 AI가 교회 홈페이지에 대해 어느정도 맥락을 파악하고 개발이 가능할까요?오늘은 메뉴 분량이 많은 스타일의 홈페이지를 여러 페이지로 나누어 제작하는 부분을 진행해보았습니다.본문의 중복을 피하기 위해 윈드서프 에디터 설치 및 테마설정은 지난 게시글을 참고해 주시고요.이미 설치 및 세팅이 끝나신 분은 이 부분은 넘어가셔도 됩니다.https://itadventure.tistory.com/729 윈드서프 AI로 홈페이지 만들기윈드서프를 사용하며 느낀 점은 이제 홈페이지 제작이 정말 쉬워졌다는 것인데요.맹점들도 존재하지만 개발경험이 없는 일반인 입장에서 약간 따라하는 것만으로 가벼운 홈페이지를 구축할수itadventure.tistory.com오늘은 'PHP 서버'라는걸 작동해 볼겁니다.왜냐하면 웹페이지를 여러개로 .. 2025. 5. 11. 윈드서프 AI로 홈페이지 만들기 윈드서프를 사용하며 느낀 점은 이제 홈페이지 제작이 정말 쉬워졌다는 것인데요.맹점들도 존재하지만 개발경험이 없는 일반인 입장에서 약간 따라하는 것만으로 가벼운 홈페이지를 구축할수 있다는 것은 큰 매력입니다.참고로 커서 AI도 유사합니다. 커서 AI + AI 2025 (메모수첩증정) - 경제전망 | 쿠팡쿠팡에서 커서 AI + AI 2025 (메모수첩증정) 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 경제전망 제품도 바로 쿠팡에서 확인할 수 있습니다.www.coupang.comAI개발로 따라하는 홈페이지 개발, 시작해 볼까요?회원가입, 게시판 등의 기능을 넣는 것도 가능하나 이를 위해서는 데이터베이스 관련 IT 지식을 알아야 합니다.그러니 오늘은 가벼운 보여주기용 홈페이지를 쉽게 만드는 법을 알아.. 2025. 5. 11. 윈드서프(WindSurf) 1개월 구독 시작! 크레딧이 뭐요? 커서AI와 비슷한 윈드서프(WindSurf) AI를 써보았습니다.윈드서프도 커서AI와 상당히 비슷한 코딩 도구인데요.사용해보니 막상막하급이고 구독료도 약간 더 저렴한 듯해 소개드립니다.크레딧(Credit), 무료 사용자는 한달에 25크레딧 제공윈드서프도 다른 AI도구처럼 처음 가입하면 어느정도는 무료 사용 가능한데요.'크레딧'이라는 정책을 알아야 합니다.무료 사용자는 윈드서프측에서 한달에 25크레딧을 무료로 제공하고 있습니다. ( 2025. 5. 6 기준 )윈드서프에게는 코딩을 시킬때는 AI 모델을 선택할 수 있는데요.이 때 다양한 AI모델 중 하나를 선택하도록 되어 있습니다.프리미엄(Premium) 모델은 한번 사용할 때마다 크레딧이 소진되는데요.크레딧 요금이 비싼 모델을 선택해서 코딩을 시키면 크레딧.. 2025. 5. 6. 이전 1 2 3 다음
