chatGPT와 인공지능AI22 윈드서프 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개발로 따라하는 홈페이지 개발, 시작해 볼까요?회원가입, 게시판 등의 기능을 넣는 것도 가능하나 이를 위해서는 데이터베이스 관련 IT 지식을 알아야 합니다.그러니 오늘은 가벼운 보여주기용 홈페이지를 쉽게 만드는 법을 알아보겠습니다.윈드서프 에디터 설치윈드서프 AI는 한글이나 엑셀처럼 컴퓨터에 설치, 사용하는 프로그램입니다.아래 사이트에서 DOWNLOAD the Windsurf Editor 버튼을 클릭, 다운받아 설치하시면 되는데요.사전 작업으로 한번만 진행하시면 됩니다.. 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. 구글 인공지능 GEMINI PRO API 오늘은 chatGPT 의 숙적, 구글의 인공지능 GEMINI(제미나이)의 "API 사용법"에 대한 간단한 예시를 다뤄보겠습니다. 블로그 게시글에 PHP를 활용한 API 사용법을 공개하는건 국내 최초가 아닐까 나름 기대해보는 크레이입니다 :) 우선 제 개인 홈페이지에 마련된 아래 URL에 접근하시면 예시를 보실 수 있는데요. http://dreamplan7.cafe24.com/gemini/ 아래와 같이 테스트하면 됩니다. 1) 빈칸에 GEMINI 인공지능에게 부탁할 내용을 입력. "커피를 좋아하는 검은 고양이에 대한 이야기를 써줘" 2) 오토바이 버튼을 클릭하면 답변을 주는데요. 글 내용이 아주 가관입니다. 멋지지 않나요? 이런 chatGPT 비슷한 기능 외에도 이미지를 분석해서 설명해주는 기능도 있긴 한.. 2023. 12. 21. 한국형AI 뤼튼 전면 무료화! 12월 20일부터! ChatGPT를 활용하는 한국형 뤼튼 AI 가 무료화를 선언했습니다! 뤼튼 (wrtn.ai) 뤼튼의 요금 무료 전면제를 안내하는 웹페이지 URL는 아래와 같은데요. https://wrtn.circle.so/c/announcement/free 뤼튼이 모두에게 한도 없는 AI를 제공하는 이유 | WRTN Community 인공지능은 발전을 거듭하고, 생성 AI의 영향력은 산업의 경계를 넘어 우리 일상의 모든 측면에 스며들고 있습니다. AI의 등장으로 우리는 반복적이고 지루한 업무에서부터 해방되어 창의성과 wrtn.circle.so 특히나 한글로 모든게 제공되어 더욱 훌륭합니다! 한번 아래와 같은 질문을 던져 볼까요? "맛있는 샐러드를 만드는 방법에 대해 친근한 말투로 알려줘." 그러니 기특하게도 답변을 쭉쭉.. 2023. 12. 15. ChatGPT4, 이제 인공지능과 대화하는 시대 채팅의 영역을 넘어선 인공지능, ChatGPT4 ChatGPT4 가 그림도 알아보고 목소리도 알아듣고 보이스 채팅에 그림까지 그려준다니 이제 정말 인공지능 시대가 아닌가 생각되네요. 가장 쉽게 접근할 수 있는 방법 간단히 알아보겠습니다. ChatGPT4 유료 사용자가 아니어도 마이크로 소프트의 빙 검색 엔진에서 인공지능을 만나볼 수 있는데요. 참고로 예전에 ChatGPT4 는 마이크로 소프트 엣지 브라우저에서만 사용이 가능했었는데 이제는 크롬 브라우저에서도 사용 가능합니다만, 약간 치사하게(?) 연속 대화에 제한을 걸었네요. 엣지 브라우저에서는 연속대화가 30회까지 가능하나, 크롬 브라우저에서는 5회까지만 가능합니다. 뭐 그 점을 알고 편하신 브라우저로 사용해 주시면 될것 같습니다 :) 먼저, 아래 빙 .. 2023. 10. 14. 빙으로 chatGPT4 하기 마이크로 소프트 빙에서 'chatGPT4' 를 사용할 수 있습니다. 그게 무슨소리냐구요? 말 그대로입니다. 아래는 마이크로 소프트 포탈 사이트의 공식 기사인데요. 링크 ChatGPT-4 AI integrated into Microsoft's Bing for more customised, human-like responses (msn.com) 영어로 된 기사입니다만. 제목을 번역하면 아래와 같습니다. ChatGPT-4 AI integrated into Microsoft's Bing 쳇GPT-4 인공지능이 마이크로 소프트 빙에 통합되었습니다. for more customised, human-like responses. 그 이유는 보다 맞춤화된, 사람같은 응답을 위해서입니다. 그냥 해당 사이트에 가셔서 마우스.. 2023. 3. 18. 이전 1 2 다음
