windsurf32 mysql MCP 서버 개발(PHP) Windsurf AI에서 사용하는 MCP, 개발을 도전해보았습니다.처음에는 바이브 코딩으로 하면 쉽게 되려니 생각했는데요. 웬걸 다 되었다고 하는데 정작 해보면 안되는 겁니다.퇴근 후 여가 시간만 투자한다지만 그래도 며칠 붙잡고 씨름했네요 ㅎ..하지만 결국 '크하하, 완성'!비개발자분에게는 좀 지루한 내용일 수도 있으니 사전 양해 바랍니다.스크롤 압박이 심하니 마지막 '하이라이트'로 바로 가셔도 됩니다 ㅎㅎ기본적으로 mysql 테이블 목록과 테이블 구조 조회, 그리고 SQL문 실행이 가능한데요.안전장치까지는 만들지 못해 삭제같은 것도 할 수 있으니 개인 용도로만 활용해 주시기 바랍니다. 관련 IT 지식이 많이 필요합니다. 기초부터 설명드리긴 힘들고..MYSQL 에 대한 정보는 어느 정도 알고 계신다는 기.. 2025. 7. 5. 빗소리ASMR, 차안에서 이런 분위기 어때? ">빗소리ASMR, 차안에서 이런 분위기 어때? 위 화면을 클릭하면 소리가 나요.빗소리ASMR 좋아하시면 추천입니다 ㅎㅎ 2025. 7. 1. AI로 홈페이지 회원가입/로그인 만들기 이제부터는 본격적인 홈페이지 동적 기능을 만들 차례입니다.홈페이지 개발과정에 가장 먼저 구현해야 하는 것은 무엇일까요?개발자마다 의견이 분분할 수 있지만 저는 '회원가입/로그인' 기능이라 생각하는데요.해당 기능이 먼저 구현되야 글 작성할 때 사용자 이름이 자동 기록되는 등 연결이 수월해서입니다.그런데 아주 중요한 주의사항이 있어요. 바로 '개인정보보호법'입니다.바이브 코딩으로 기능을 만들어 보실 분은 정신을 똑바로 차리고 잘 보셔야 합니다.무엇이 중요한가요?홈페이지에서 실명, 연락처 등 개인정보를 입력받게 되면 법적으로 그 정보를 보호해야 할 의무가 생기는데요.우선 기본적으로 사용자의 가입정보를 다른 사람에게 고의로 유출해서는 안됩니다. 과징금이나 과태료가 부과될 수 있어요.그리고 혹시 서버가 해커에게 .. 2025. 6. 30. AI로 홈페이지 세부 사항 수정 지난 게시글에서는 홈페이지에 AI가 임의로 배치한 이미지들을 실제 원하는 이미지로 수정했었는데요.https://itadventure.tistory.com/759 AI로 홈페이지 세부 이미지 수정AI로 인터넷 공간에 바로 홈페이지 만들기 시리즈 4번째 편입니다.지난 시간에는 완성된 홈페이지의 헤더와 푸터 디자인을 수정했었지요?https://itadventure.tistory.com/758 AI로 홈페이지 디자인 변경,itadventure.tistory.com텍스트도 마찬가지입니다. AI가 꾸며준 문구는 실제 사실과 다를 수 있어 당연히 나의 문구로 변경해주어야 하지요.그림과 달리 글 내용은 일일히 찾아 하나씩 수정하기보다 '한꺼번에' 정리해 수정요청할 수 있습니다.'첫페이지'와 '서점소개' 페이지를 예로 .. 2025. 6. 26. AI로 홈페이지 디자인 변경, 스티키 메뉴 적용하기 지난 게시글에서는 AI를 활용해 홈페이지를 만들었는데요.https://itadventure.tistory.com/757 AI로 인터넷공간에 홈페이지 바로 만들기지난 게시글에 RaiDrive 로 인터넷 공간을 Z:드라이브로 연결하였었지요?https://itadventure.tistory.com/755 RaiDrive, AI에 날개를! 웹호스팅 공간을 드라이브처럼누구나 방문할 수 있는 나의 블로그나 홈페itadventure.tistory.comAI가 채워준 내용은 모두 가상이기 때문에 실제 내가 넣어야 될 내용으로 채워주어야 합니다.제일 먼저 손볼 부분은 전체 디자인입니다.홈페이지를 의뢰한 고객분께서 '롯데 시네마 영화 페이지' 같은 디자인을 원한다고 칩시다.https://www.lottecinema.co... 2025. 6. 25. AI로 인터넷공간에 홈페이지 바로 만들기 지난 게시글에 RaiDrive 로 인터넷 공간을 Z:드라이브로 연결하였었지요?https://itadventure.tistory.com/755 RaiDrive, AI에 날개를! 웹호스팅 공간을 드라이브처럼누구나 방문할 수 있는 나의 블로그나 홈페이지가 있다면 좋겠는데..AI로 쉽게 만들순 없을까요?커서AI나 Windsurf AI 에디터는 대부분 디플로이(deploy) 기능이 있는데요.한 페이지만 지원하는 형태itadventure.tistory.com그렇다면 이제 전세계 누구나 방문할 홈페이지를 만들 준비가 되신 겁니다.Windsurf 를 실행, 폴더 열기 메뉴로 Z:\www 폴더를 열어줍니다.(만약 여러 홈페이지를 해보시려면 Z:\www 하위에 폴더를 만들고 해당 폴더를 여셔도 됩니다. )그리고 윈드서프에.. 2025. 6. 24. AI로 신세계 발견, A-frame AR/VR 라이브러리 "vr 회사 홈페이지를 만들거야. vr 안경으로 주위를 둘러볼 수 있게 하고 360도 방향마다 적절하게 입체적으로 메뉴를 배치해줘."음? 이게 뭐지 .. ?! 오!사실 위 결과가 한번에 나온건 아니고 꽤 수정요청 및 직접 수정도 했습니다.Windsurf 에게 일을 시켰는데 생전 처음 보는 A-Frame 를 사용해서 꾸며보겠다고 하더군요.처음에는 실행이 안되고 몇번 오류가 나서 고쳐달라고 하다 보니 이런 화면이 나왔습니다.가운데 동그란게 바라보는 시점인데요.카메라를 조정해 메뉴에 가져다 대면 잠시 후 팝업이 뜹니다.닫기 버튼에 가져다 대면 잠시 후 사라지구요.VR 로 화면을 볼 때는 터치가 불가하기에 이런 방식을 터치로 인식하게 하거든요.Three.js 를 기반으로 하지만, 정작 물체의 배치는 스크립트를 .. 2025. 6. 23. 노션 MCP 연동, 바이브코딩으로 게시판 만들기 By Windsurf(2) 복잡한 SQL 쿼리문 하나도 안쓰고 게시판을 만들 수 있을까요?노션 MCP는 되더라구요.지난 번에는 Windsurf 에서 노션 MCP를 연결했습니다.https://itadventure.tistory.com/752 노션 MCP 연동, 바이브코딩으로 게시판 만들기 By Windsurf(1)노션(Notion) 많이들 사용하시나요?보통 메모용으로 많이들 사용하실 겁니다.저도 많이 애용하는 편입니다.Windsurf 에는 Notion MCP라는 좋은 기능이 있는데요.요새 핫하다는 MCP, 바로 그 MCP 입니다.노itadventure.tistory.com오늘은 후속편으로 노션 게시판을 만들텐데요.MCP를 연동해서 대단한 걸 보실 겁니다.xampp 환경에서 PHP로 진행하겠습니다.'C:\xampp\htdocs\AIB.. 2025. 6. 17. 노션 MCP 연동, 바이브코딩으로 게시판 만들기 By Windsurf(1) 노션(Notion) 많이들 사용하시나요?보통 메모용으로 많이들 사용하실 겁니다.저도 많이 애용하는 편입니다. 처음이지만 프로처럼 쓰는 노션 Notion:데이터베이스 기초부터 자동화 시스템까지 완벽 활용법 -쿠팡에서 처음이지만 프로처럼 쓰는 노션 Notion:데이터베이스 기초부터 자동화 시스템까지 완벽 활용법 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 어른을 위한 컴퓨터 제품도 바로www.coupang.comWindsurf 에는 Notion MCP라는 좋은 기능이 있는데요.요새 핫하다는 MCP, 바로 그 MCP 입니다.노션 MCP를 연동하면 Windsurf 에서 웹페이지 게시판을 쉽게 만들수 있어요.오늘은 그 첫번째 과정으로 노션 MCP 연결을 다뤄 보겠습니다.어떤건지 한번 볼까요?설정이 필요.. 2025. 6. 17. GPT 사진생성과 API 폭탄과금 주의! by AI chatGPT 에서 이미지를 생성해보신 적 있으신가요?친숙한 AI 로봇 이미지를 색상 예쁜 만화체로 그려줘이 기능은 무료 사용자에게 하루 5회 가량 제공되는데요.chatGPT 창에서 사용하는 건 무료로 사용할 수 있지만 나만의 기능으로 웹페이지를 만들고 갖다 쓰려면그림 그리기 API 를 연결해야 하고, 사용한 만큼 비용이 소모됩니다.충전해 쓰는 방식인데 충전하는 방법은 아래 도현님의 블로그를 참조해 주세요.https://do-hyeon.tistory.com/pages/OpenaiGPT-API-KEY-%EB%B0%9C%EA%B8%89-%EB%B0%8F-%ED%81%AC%EB%A0%88%EB%94%A7-%EC%B6%A9%EC%A0%84%EB%B0%A9%EB%B2%95 Openai(GPT) API KEY 발급.. 2025. 6. 15. AI와 만든 빗소리ASMR, 편의점편 여러분은 빗소리 좋아하시나요? 저는 빗소리를 좋아하는 편입니다.특히 편의점에서 라면을 먹으며 큰 유리창으로 밖을 보며 감성에 젖기도 하는데요.비가 오지 않는 날에는 가끔 유튜브에서 ASMR 빗소리를 듣기도 합니다.유튜브 빗소리 화면은 실감나긴 한데, 뭔가 정적이어 계속 보다보면 지루하더라구요.'화면에 계속적인 변화가 있으면 어떨까?'AI와 함께 만들어 보았습니다.편의점 창 밖은 밤 풍경인데요. 저 멀리로 빌딩이 보입니다.지나가는 불빛은 자동차를 의미하지요. 우산을 쓴 행인이 가끔씩 등장하여 지나 다닙니다.편의점 실내에는 손님이 방문하여 입장하거나 물건을 고르거나 구매할 때 대사를 한마디씩 쳐줍니다.상품을 판매하면 매출이 누적되고 화면 상단에 표시됩니다.세세한 위치 조정은 AI가 잘 못해서.. 좀 수작업을.. 2025. 6. 14. AI야, 기발한거 만들어줘! #3 🛩 시간 도서관이라꼬? 그것도 3D? 오늘도 실험정신을 가지고 Windsurf + 클로드3.7(추론) 모델에게 부탁했습니다.뭐 기발한거 없을까? 여지껏 아무도 만들어본적이 없는걸 뽀대나게 만들어볼래?그랬더니 기획을 해왔네요. 설마 이걸 할수 있다고 ... ?독창적인 프로젝트를 만들어보자니 재밌네요! 현재 폴더는 비어 있고, LibrarySimul이라는 이름을 고려해 도서관 테마와 연관된 독특한 아이디어를 제안해 드리겠습니다."시간 여행 도서관" 웹 애플리케이션일반적인 도서관 시스템과는 달리, 이 프로젝트는 사용자가 역사적 시간대를 여행하며 그 시대의 문학, 기술, 사상을 경험할 수 있는 상호작용형 웹 환경을 만드는 것입니다.주요 기능:시간대별 도서관 공간: 고대, 중세, 르네상스, 현대까지 시간대별로 달라지는 UI/UX시대별 문학작품 경험:.. 2025. 6. 11. 이전 1 2 3 다음
