본문 바로가기

chatGPT와 인공지능AI122

윈드서프AI - 구글 시트 흉내내기 구글 시트는 엑셀과 비슷하고 엄청 복잡한 기능 덩어리인데요.친척격인 구글 제미나이 모델을 사용하여 일부 기능을 흉내내 보았습니다.그냥 가로, 세로 셀과 셀 입력 기능, 사칙연산 및 괄호 연산 기능 정도인데요.사실 이 것만 해도 꽤 복잡합니다.직접 개발하자면 몇주 걸릴지도 모르지만 AI와 함께 협업하여 AI가 수정 못하는 부분은 직접 디버깅해서 잡기도 하고3시간 가량 소요된 것 같습니다. 이 정도 기능을 만드려면 AI만으로는 절대로 안되겠다고 깨닫겠더라구요 ㅎ..과정이 너무 길어 그걸 공유하는 건 힘들것 같고, 입력했던 문구와 조치했던 내용,최종 결과물 공유드리겠습니다~프롬프트 목록구글시트처럼 작동하는 웹페이지를 만들어줘. 기존 HTML 방식 말고 캔바스로 구현해줘, 라이브러리는 jquery를 사용하고 적.. 2025. 5. 21.
AI코딩, 추억 속으로, 3D미로 게임 옛날 옛날 윈도우95 시절에는 컴퓨터에 기본 게임이 몇개 내장되어 있었는데요.그중 하나가 3D 미로찾기 입니다.이 게시글은 경험담이기 때문에 윈드서프 및 개발지식이 어느 정도 있는 분을 대상으로,설명이 그리 상세하지는 못하니 양해 바랍니다 :)잘 모르시면 그냥 그림으로 변천사만 봐주세요 ㅎㅎ개발 + 글쓰고 기능 다듬는데 2시간 가량 소요된 것 같습니다.그래도 필요한 IT 지식웹에서 3D 컨텐츠를 개발하는 데는 여러 라이브러리가 있으며 보통 three.js 와 babylon.js 가 유명합니다.제 경험으로는 babylon.js 가 성능이 더 좋은 느낌이 들기에 이걸 사용할텐데요.이와 같은 기술 용어를 알고 이걸 사용해달라고 요청하면 그 기술에 맞게 개발을 해 줍니다.babylon.js 는 꽤 덩어리가 큰데.. 2025. 5. 18.
AI코딩, 말귀를 알아듣네? 오늘도 재미나고 유용한 기술을 하나 들고 왔습니다.바로 마이크로 말하면 AI가 이를 알아 듣고 텍스트로받아 적는 것인데요.이번 실험을 위해서는 소리를 텍스트로 해석하는 API 유료 서비스를 이용할 겁니다.오늘의 IT 지식 - API 와 위스퍼API가 뭔가요? API 는 영어로 Application Programming Interface 의 앞글자를 딴 약어인데요.IT 한글 용어로는 '응용 프로그램 통신규약'이라 합니다.좀 더 쉽게 비유를 들어 볼께요.API란 마치 카페에서 커피를 주문할 때 주문 받는 카운터 직원 또는 키오스크 기계와 같은데요.원두커피를 마시고 싶은데 직접 커피를 볶거나 내리거나 하는 과정을 몰라도비용을 지불하고 커피를 주문하면 알아서 커피를 만들고'1xx번 손님~' 부르면서 완성된 커피.. 2025. 5. 18.
1인용 오목게임(vs컴) 컴퓨터와 대전할 수 있는 아주 세지 않고 약간 상대가 되어주는 오목입니다.은근히 잘 둔다니까요.chatGPT에게 시켜서 제작된 코드인데 꽤 괜찮네요 ㅎ"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."티스토리에서는 아쉽게도 게임오버 후 재시작 버튼이 작동이 안되네요 ㅎ아래 화면에서 직접 플레이 가능합니다. 오목 게임 (플레이어 vs AI) 다시 시작 ">오목 게임 (플레이어 vs AI) 다시 시작 단일코드인데 소스코드 공유 드려요~ 오목 게임 (플레이어 vs AI) 다시 시작 오늘도 방문해주신 모든 분들께 감~솨드립니다! 2025. 5. 15.
윈드서프 AI로 실시간 오목 대전 게임 만들기 ( Node.js + SOCKET.IO ) 오늘 또 하나 흥미로운 주제를 가져왔습니다.AI코딩을 이용하여 게임을 개발했다는 소문을 듣고 실험해 보았는데요.2인 대전 오목 게임을 협업하여 코딩해 보았는데 괜찮은 것 같아 공유드립니다.캡쳐하면서 다시 한번 진행했는데 더 멋지게 나와 만족스럽습니다 :)실시간 게임에 필요한 IT 지식2인 대전 오목 게임은 실시간 통신 기술을 사용해야 구현이 가능한데요.내가 한수를 둔 후에 다시 상대방이 한 수를 번갈아 두는 식으로 진행하려면상대방이 수를 둘 때 바로 바로 응답을 받아야 하기 때문입니다.그래서 일반적인 홈페이지 기술로는 구현이 안됩니다.적합한 기술로 무엇이 있을까요?크레이가 알고 있기로는 Node.js, SOCKET.IO 기술입니다.(사람마다 다르게 부르는데요, 저는 '노드 제이에스', '소켓 아이오'라고.. 2025. 5. 13.
윈드서프 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.
AI 코딩, 이대로 괜찮나? 바이브 코딩이 등장하여 IT 세상이 요란합니다.'바이브 코딩'이란 인공지능에게 코딩을 직접 대화하듯이 '텍스트로 개발할 내용을 요청'하는 것인데요.'테트리스 게임을 만들어줘' 요청하면 기본 수준의 코드를 순식간에 작성해 냅니다.에러를 내기도 하지만 개선할 부분을 요청하면 수정을 하기도 하는데요.커서(Cursor)나 윈드서프(WindSurf)와 같은 코딩 도구는 폴더를 지정하면알아서 소스코드를 여러개로 나누어 저장하고 실행 결과물(이미지, 엑셀, 파워포인트 등)도 저장합니다.직접 사용해보니 '와~'라는 소리가 나올 지경입니다. 인공지능의 발전, 그리고 그보다도 이러한 기술 수준을 이루어낸 사람들의 높은 수준에 찬사가 나오지 않을 수 없습니다.바이브 코딩은 미래의 코딩 기술로 볼 수도 있지만 커다란 맹점들이.. 2025. 5. 1.
커서AI - 체험기 요새 핫하다는 커서AI를 사용해 보았습니다.MCP 라는 것도 있는데 이건 나중에 좀 더 이해를 넓힌 후 다뤄보기로 하구요.커서AI 컴퓨터 프로그램 개발에 특화된 인공지능입니다.커서AI의 특장점을 활용할 경우 ChatGPT 보다 훨씬 편리한 부분이 있어 테스트 결과를 공유드립니다.커서AI를 쓰려면? 프로그램 설치부터커서AI는 비주얼 스튜디오 코드처럼 프로그램을 설치해 사용하는 프로그램입니다.고로 먼저 설치해야 합니다.https://www.cursor.com/ 사이트에서 다운받을 수 있으며DOWNLOAD FOR WINDOWS 버튼을 누르시면 됩니다.프로그램 설치 시작시 약관 동의는 기본으로 선택해준 후,계속해서 다음 버튼을 누르다 보면 설치가 진행됩니다.프로그램 설치야 뭐 뻔한 과정이니 넘어가고 마지막에 이.. 2025. 4. 23.
코파일럿, 노래 만들어줘! 묻지도 따지지도 말고 들어보기! 허허.. 이제 인공지능이 노래를 만드는 시대가 왔네요. 그것도 엄청 쉽게 말이죠. Edge 브라우저만 있으면 사용법은 간단합니다. 1. Edge 브라우저 실행, 우측 코파일럿 아이콘 클릭! 2. 화면 우측, 플러그인 선택, Suno 를 사용 활성화해주세요. 3. 어떤 노래를 지어 달라고 코파일럿에게 채팅으로 대충 부탁합니다. "애완동물 초코와 함께 푸르른 공원을 함께 뛰어다니는 밝고 경쾌한 장르의 분위기곡을 만들어줘" 4. 잠시만 기다리시면 되는데요. 코파일럿이 알아서 가사말과 노래를 모두 작곡해 줍니다. 바로 플레이해보시거나 다운로드하실 수 있어요 :) 친구에게 전할 메시지를 노래로 만들어 보내는 것도 좋겠지요 ? :) 흥미로우셨나 모르겠네요. 오늘도 방문해주신 모든 분.. 2024. 4. 4.
구글코랩 + 스테이블 디퓨전 도전기 최근 구글 코랩에서 AI를 이용, "실사 이미지를 무료로 생성"하는 방법을 알아보았습니다. 오늘은 해당 방법을 최대한 간단하게 사용하는 방법을 공유드립니다. 특히 "횟수 무제한", 내가 생성한 이미지를 "타인에게 공개하지 않는" 장점이 있는데요. 보통 많은 생성 횟수를 사용하거나 이미지를 비공개하려면 여러 AI 이미지 생성 사이트들은 유료 결제를 해야 합니다. 사용법은 약간의 학습이 필요하지만 위의 장점을 생각해본다고 할 때 충분히 학습할 만한 가치가 있는데요. 익히는 양의 부담도 그리 크지 않고 사용법도 그다지 어렵지 않습니다. 여기에 추가적인 파이썬 코딩 학습을 한다면 더 놀라운 것도 만들어 낼수가 있지요. 뭐 이 부분은 독자 여러분의 학습 역량에 맡겨 두도록 하겠습니다 :) 그냥 글만 읽으면 심심하.. 2024. 1. 8.

티스토리툴바