본문 바로가기

chatGPT와 인공지능AI242

AI로 홈페이지 만들기, 어드민! AI로 홈페이지 만들기, 어드민!휴- 바쁜 회사 일정으로 이제야 티스토리용 키보드를 잡(?)습니다.오늘은 서점 홈페이지에서 책을 관리하는 어드민 기능을 만들 겁니다.어드민 기능은 보안이 특히 중요하긴 하나 지금은 신경 안 쓸겁니다.바이브 코딩의 재미를 경감시킬 수 있으니 연습이라 생각하시고 주요 개인정보는 입력하지 말아 주세요.그동안의 목차 : https://itadventure.tistory.com/772오늘 본문 내용은 아니지만 잠깐 소개해 드리면 커서AI, 윈드서프AI와 비슷한 친척같은 IDE가 또 나왔더군요.Trae 라는 건데요. 매우 흡사하고 아래 사이트에서 다운받을 수 있습니다.https://www.trae.ai/성능은 살펴봐야겠으나 월 구독료가 10달러밖에 안하더라구요. 그리고 첫달은 3달러.. 2025. 7. 19.
자비스 AI 시뮬레이션 자비스 AI 시뮬레이션,아이언맨의 자비스 인공지능은 정말 엄청나죠!오늘은 약간 재미있는 주제로 자비스같은 AI 시뮬레이션을 만들어보았습니다. 먼저 클로드를 사용해보았는데요. 무료 사용제한이 있지만 그래도 꽤 잘만들어 줍니다.자바스크립트로 자비스같은 AI 시뮬레이터를 만들어줘. 3D환경에서 홀로그램같은 효과르 넣어줘만들어준 설명을 보니 '안녕'같은 단어를 타이핑하면 응답하는 것 같습니다.시뮬레이션이라 단어가 몇개 없지만요목소리 인식을 하고 싶어졌습니다.음성 인식 기능을 넣어줘. 적절한 곳에 마이크 아이콘을 넣고 누르면 인식을 토글해줘마이크가 너무 작아. 5배 정도 키워주고 위치를 우측 하단에 고정 위치로 항상 띄워줘이제 마이크를 누르고 말하면 목소리를 인식합니다.다만 클로드 미리보기 창에서는 음성인식이 .. 2025. 7. 14.
AI로 홈페이지 만들기 - 책목록 카테고리 구분하기, 부가 기능들 AI로 홈페이지 만들기 - 책목록 카테고리 구분하기목차 : https://itadventure.tistory.com/772지난 시간에는 보여주기용 도서 목록을 SQLITE 데이터베이스에 연동하였습니다.오늘은 그 후속편으로 카테고리 기능과 페이지 기능을 만들텐데요.카테고리 먼저 진행하겠습니다.AI가 만든 홈페이지는 마치 주사위 굴리기와 같아서, 어떤분은 도서목록에 카테고리 탭이 없을 수도 있습니다. 그러니 카테고리 기능를 삭제하고 새로 시작하겠습니다.Windsurf 에 아래와 같이 지시를 내리면 되는데요. 모델은 역시나 똑똑한 클로드 소넷 3.7(Think)입니다.홈페이지를 분석하고 도서목록 페이지 카테고리 탭을 삭제해줘처음에 잘 알아듣지 못해 이미지를 캡쳐해서 함께 전달해 주니 알아 듣더라구요.이제 카테.. 2025. 7. 12.
AI로 홈페이지 만들기 목차 Windsurf AI로 홈페이지 만들기, 어디서부터 시작해야 할지 모르는 분을 위해 목차를 정리하였습니다.윈드서프 AI로 홈페이지 만들기https://itadventure.tistory.com/729단순한 단일 페이지 뚝딱!XAMPP 설치하여 교회 홈페이지 만들기https://itadventure.tistory.com/730XAMPP(엑스에이엠피피) 는 초심자가 접근하기 좋은 PC 설치형 홈페이지 서버입니다.윈드서프 구독 가이드글https://itadventure.tistory.com/728윈드서프 무료사용만으로는 성능도 떨어지고 한계가 있더라구요.구독이 필요하지만 계속 돈 나가는건 싫은 당신을 위해 구독 후 카드 바로 해제, 추가 과금 막는 비법 포함!인터넷 공간에 직접 홈페이지를 ! cafe24 호스.. 2025. 7. 12.
프롬프트 2번으로 PPT 만들기 프롬프트 2번으로 PPT 만들기, 오늘은 간단한 제미나이 꿀팁입니다.PPT 많이 사용하시나요? 바로 배워서 바로 써먹는 바이브 코딩 + 쁘띠수첩 증정 - 컴퓨터 입문/활용 | 쿠팡쿠팡에서 바로 배워서 바로 써먹는 바이브 코딩 + 쁘띠수첩 증정 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 컴퓨터 입문/활용 제품도 바로 쿠팡에서 확인할 수 있습니다.www.coupang.com제미나이(무료)에서 간단히 PPT 만드는 법을 알아내 공유드립니다.바로 들어가볼까요?1) 제미나이에 접속 ( https://gemini.google.com/ ) 가입 안된 경우 구글 로그인해주시면 됩니다.2) 기획주제를 작성합니다. 들어갈 상세 내용도 넣으면 더 좋습니다.지구온난화 주제로 텍스트, 표, 막대그래프로 ppt 기획.. 2025. 7. 10.
ASMR 빗소리, 낭만의 가상 카페에서! 낭만의 ASMR 빗소리, 가상 카페에서!날씨가 무더우니 시원한 빗소리 들으면 나을것 같아서 바이브 (증강) 코딩으로 만들었습니다 ㅎㅎ▼ ▼ ▼ 화면을 클릭(터치)하면 소리가 나요. ( PC: WASD 이동 )">오늘도 방문 감사합니다! 2025. 7. 9.
AI로 홈페이지 만들기 - 책 목록 DB화 지난 시간 sqlite MCP(에스큐엘라이트 엠씨피) 를 통해 이제 sqlite 를 훨씬 쉽게 다룰수 있게 되었습니다.https://itadventure.tistory.com/767 AI로 홈페이지 만들기 - SQLITE MCP 연결바이브 코딩 홈페이지 만들기 시리즈 이어서 나갑니다.지난 시간에는 회원가입/로그인을 연동했었는데요.이번 시간에는 향후 더 편리한 작업을 위해 sqlite MCP ( 한글판 by 크레이 ) 연결을 할겁니itadventure.tistory.com오늘은 책 목록을 sqlite 와 연동하겠습니다.저의 서점 홈페이지에는 '도서목록' 메뉴가 있는데요. 현재는 sqlite 와 아무관련 없는 책들입니다.이 책들을 sqlite 에 넣고 연결하겠습니다.먼저 sqlite mcp 연결을 인식시켜주.. 2025. 7. 7.
AI로 홈페이지 만들기 - SQLITE MCP 연결 바이브 코딩 홈페이지 만들기 시리즈 이어서 나갑니다.지난 시간에는 회원가입/로그인을 연동했었는데요.이번 시간에는 향후 더 편리한 작업을 위해 sqlite MCP ( 한글판 by 크레이 ) 연결을 할겁니다.https://itadventure.tistory.com/763 AI로 홈페이지 회원가입/로그인 만들기이제부터는 본격적인 홈페이지 동적 기능을 만들 차례입니다.홈페이지 개발과정에 가장 먼저 구현해야 하는 것은 무엇일까요?개발자마다 의견이 분분할 수 있지만 저는 '회원가입/로그인' 기능itadventure.tistory.com이후로도 계속해서 Windsurf의 기본 기능으로 지시하면 이것 저것 해주긴 하지만,그 과정에 불필요한 소스 파일들을 많이 생성하는 문제가 있었습니다.그에 대한 좋은 해결책이 있는데요.. 2025. 7. 6.
mysql MCP 서버 개발(PHP) Windsurf AI에서 사용하는 MCP, 개발을 도전해보았습니다.처음에는 바이브 코딩으로 하면 쉽게 되려니 생각했는데요. 웬걸 다 되었다고 하는데 정작 해보면 안되는 겁니다.퇴근 후 여가 시간만 투자한다지만 그래도 며칠 붙잡고 씨름했네요 ㅎ..하지만 결국 '크하하, 완성'!비개발자분에게는 좀 지루한 내용일 수도 있으니 사전 양해 바랍니다.스크롤 압박이 심하니 마지막 '하이라이트'로 바로 가셔도 됩니다 ㅎㅎ기본적으로 mysql 테이블 목록과 테이블 구조 조회, 그리고 SQL문 실행이 가능한데요.안전장치까지는 만들지 못해 삭제같은 것도 할 수 있으니 개인 용도로만 활용해 주시기 바랍니다. 관련 IT 지식이 많이 필요합니다. 기초부터 설명드리긴 힘들고..MYSQL 에 대한 정보는 어느 정도 알고 계신다는 기.. 2025. 7. 5.
AI로 홈페이지 회원가입/로그인 만들기 이제부터는 본격적인 홈페이지 동적 기능을 만들 차례입니다.홈페이지 개발과정에 가장 먼저 구현해야 하는 것은 무엇일까요?개발자마다 의견이 분분할 수 있지만 저는 '회원가입/로그인' 기능이라 생각하는데요.해당 기능이 먼저 구현되야 글 작성할 때 사용자 이름이 자동 기록되는 등 연결이 수월해서입니다.그런데 아주 중요한 주의사항이 있어요. 바로 '개인정보보호법'입니다.바이브 코딩으로 기능을 만들어 보실 분은 정신을 똑바로 차리고 잘 보셔야 합니다.무엇이 중요한가요?홈페이지에서 실명, 연락처 등 개인정보를 입력받게 되면 법적으로 그 정보를 보호해야 할 의무가 생기는데요.우선 기본적으로 사용자의 가입정보를 다른 사람에게 고의로 유출해서는 안됩니다. 과징금이나 과태료가 부과될 수 있어요.그리고 혹시 서버가 해커에게 .. 2025. 6. 30.
AI의 마비노기 연주 AI의 손끝에서 피어나는 운율 ~🎵과거 즐겨하던 '마비노기'라는 게임이 있었습니다.지금은 플레이하지 않지만 '연주' 컨텐츠는 지금도 추억의 컨텐츠인데요.이를테면 아래 문장을 넣어 게임 내에서 플레이하면, 반짝반짝 작은별 노래가 재생됩니다.'T140O4C8C8G8G8A8A8G4F8F8E8E8D8D8C4G8G8F8F8E8E8D4G8G8F8F8E8E8D4C8C8G8G8A8A8G4F8F8E8E8D8D8C4'아래 입력하면 직접 플레이하실수 있어요! 🎵 MSX BASIC/마비노기 Music Player 🎵 MSX BASIC PLAY 명령어 형식 지원 지원 명령어 ▼ • Tnn.. 2025. 6. 29.
인공지능도 한글 조합은 어려워 @.@ 한글 타자 연습 ( PC전용 ) 을 만들었습니다.아래 링크에서 연습해보실수 있습니다.https://cray7.mycafe24.com/taja/ https://cray7.mycafe24.com/taja/ cray7.mycafe24.com한글 오토마타라고 들어보셨나요?한글을 자판으로 입력할때는 다양한 조합이 일어나는데요.이를테면 아래와 같습니다.바나나 : ㅂ => 바 => 반 => 바나 => 바난 => 바나나이게 은근히 로직이 복잡합니다. 예외 처리도 많이 필요하구요.PHP로 자소 기준 검색 기능을 개발한 적이 있어서 알지요.https://itadventure.tistory.com/364 PHP '크레이한글' 클래스 - 한글 조합(오토마타) / 자소 분리한글 오토마타라고 들어보셨나요? 우리가 키보드를 통해 .. 2025. 6. 28.

티스토리툴바