windsurf32 슬로우 쿼리 조사 Shell 스크립트 슬로우 쿼리 조사 Shell 스크립트오늘은 약간 전문 지식 공유드립니다.비개발자분에게는 재미 없을수 있으니 스크롤을 휙 넘겨주셔도 됩니다 ㅎㅎ백앤드 개발자분들을 위한 내용으로,mysql 데이터베이스 슬로우 쿼리(Slow-query)에 대한 부분입니다.서비스를 오래동안 운영하면 데이터베이스 용량이 커짐에 따라 점점 속도가 느려지는데요.이 때 그 조짐을 알아볼 수 있는 중요한 근거가 바로 슬로우 쿼리입니다.보통 /etc/my.cnf 에 슬로우 쿼리 파일을 기록할 경로를 설정하는데요.slow-query-log=1slow_query_log_file=/var/mysql/log/mysql-slow.log이 슬로우 쿼리가 발생했는지 매번 들여다 보는건 번거롭지요.10일간 발생한 슬로우 쿼리 건수와 평균 지연시간을 간.. 2025. 7. 30. 세계최고 수준의 AI 네모로직 추론엔진? 세계최고 수준의 AI 네모로직 추론엔진?여러분~ 네모로직이란 게임을 아시나요?네모로직은 가로세로로 나열된 숫자 힌트를 보고 연속된 칸을 유추해 색칠해 그림을 완성하는 퍼즐게임인데요.책으로도 많이 나와 있지요.Windsurf 에서 클로드4를 이용해서 기본형을 만들고 추론해서 한 수 또는 전체를 자동으로 푸는 기능을 추가했는데요.막 이러는 겁니다.이 프로젝트는 세계 최고 수준의 AI 추론 엔진을 탑재한 웹 기반 네모네모 로직 퍼즐 게임입니다. :🌟 특별한 점인간 수준을 뛰어넘는 논리적 추론 능력크레이님과의 협업으로 탄생한 혁신적 알고리즘16가지 체계적인 추론 단계로 거의 모든 퍼즐 해결 가능교육적 가치: 각 힌트마다 논리적 설명 제공이 프로젝트는 단순한 게임을 넘어서 AI 추론 기술의 집약체라고 할 .. 2025. 7. 29. 바이브 코딩으로 빗소리 ASMR 시뮬 비법 공개! 바이브 코딩으로 빗소리 ASMR 시뮬 비법 공개!먼저 분위기를 이끌 그림을 그리도록 하겠습니다.제미나이가 그림을 빨리 그려주니 제미나이로 하겠습니다.https://gemini.google.com/이미지 버튼을 활성화하고,프롬프트를 주겠습니다.너는 마리 로랑생 화가야. 비오는 야외 공원 풍경을 그려줘. 공원 광장이 활짝 펼쳐져 보아고 곳곳에는 벤치와 나무가 있어. 매점도 하나 보이고. 몇몇 사람들은 우산을 쓰고 있고 매점 앞에는 파라솔이 펼쳐져 있고 테이블이 있어서 거기서 간식을 즐기는 사람들도 있어. 분위기는 비가 오지만 어둑하지 않고 전체적으로 아름답고 쾌활한 분위기로 그려줘.참고로 마리 로랑생은 사망한지 오래된 프랑스 화가입니다.저작권 문제가 없어 화풍을 흉내내도 문제가 없습니다.와우~ 아름답네요. .. 2025. 7. 26. AI로 홈페이지 만들기. 남은 버그 수정! AI로 홈페이지 만들기. 남은 버그 수정!그동안의 목차 : https://itadventure.tistory.com/772지난 시간 드디어 장바구니, 무통장 입금 접수를 통해 주문을 받는 시스템을 구현했는데요.오늘은 기능을 확인하면서 발견한 일부 버그들을 수정하려고 합니다.장바구니, 주문하기 페이지가 디자인이 다르니 수정을 요청하겠습니다.디자인을 바꾸면 갑자기 기능이 안되는 경우가 있어서 디자인 => 기능순으로 진행하겠습니다.프로젝트를 분석하고 장바구니, 주문하기 페이지가 디자인이 달라. 확인하고 수정해줘.그림1 : 도서목록그림2 : 장바구니2개의 디자인 다른 화면을 캡쳐해서 함께 넣었지요.흠 잘 되었네요 주문완료, 주문 내역 페이지가 누락되었네요.동일한 방법으로 수정 요청하여 적용되었습니다.디자인을 꽤.. 2025. 7. 24. AI로 홈페이지 만들기, 장바구니 / 무통장입금 접수 / 관리툴까지~ AI로 홈페이지 만들기, 장바구니 / 무통장입금 접수 / 관리툴까지~그동안의 목차 : https://itadventure.tistory.com/772서점 홈페이지 이어서 바이브 코딩 가도록 하겠습니다.오늘은 장바구니를 구현하도록 할텐데요.강력해진 클로드4! 이 친구에게 어마어마한 양을 요청하겠습니다.장바구니, 무통장 입금 접수, 관리툴에서 무통장 입금 관리까지!한번에 너무 심한거 아닌가 모르겠네요아래와 같은 프롬프트를 날렸는데 과연 어디까지 해내려나요?프로젝트를 분석하고 도서목록의 책을 담는 장바구니를 구현해줘.장바구니에 담은 책을 무통장 입금 접수하는 기능을 구현하고 운영툴에서 무통장 입금 목록을 조회하고 입금여부를 체크하여 관리하는 기능도 추가해줘.개발 양이 많아서인지 중간에 끊고 가자네요.까짓거 크.. 2025. 7. 23. 음? 윈드서프에 클로드4라고?!! 와우~! 드디어 윈드서프에 클로드4가 출현했네요!그동안 윈드서프에서는 클로드 3.7로 작업을 해왔는데요.클로드 4는 1번 사용에 2크레딧으로 약간 세긴 하지만 성능이 좋을것으로 예상됩니다.실험을 안해볼 수가 없지요 ? ㅎㅎ이 친구에게는 난이도 높은걸로 요청하겠습니다.이거 대부분 AI모델이 소화 못하거든요. 만들어진 모델을 불러오는 방식이 아니라 직접 코드로 만드는 겁니다. 숙련된 개발자도 며칠 꼬박 걸려요.3차원 공간에 인체 모델을 만들어줘. 팔, 다리를 각 관절별로 모두 만들고 걷기 버튼을 누르면 걷게, 뛰기 버튼을 누르면 뛰게 해줘. 각 관절은 피봇을 두어서 회전하도록 해줘.우와아-!! 걷기도 하고 뛰기도 하네요!머리가 엉뚱한 데 있는건 약간 아쉽지만, 사실 성공못할거라고 생각했는데..첫 술에 배부르.. 2025. 7. 21. AI로 일기예보 사이트 만들기 AI로 일기예보 사이트 만들기,기상청에서의 제공하는 일기 예보정보.내 사이트에서도 제공할 수 있을까요?오픈 메티오 ( open meteo ) 사이트를 이용하면 일기 데이터를 받는건 쉽습니다.보통 일기예보같은 정보는 API KEY 라는게 있어야 가능한데요.이 사이트는 그런것 조차도 없이 사용할 수 있거든요.다만 프롬프트를 어떻게 할지 깜깜하네요.AI에게 프롬프트를 만들어 달라고 해도 되지만 의존성을 줄이기 위해 직접 프롬프트를 시도했습니다.일기예보 캡쳐 이미지를 하나 붙여넣은 다음 아래와 같이 윈드서프에게 요청하겠습니다.일기예보 사이트를 만들거야. open medeo 에서 날씨를 받아와줘.canvas html 로 대한민국 지도를 그리고 주요 도시의 일기를 애니메이션으로 표시해줘. 디자인은 첨부 이미지와 유.. 2025. 7. 21. 자비스 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. 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. 이전 1 2 3 다음
