본문 바로가기

코딩과 알고리즘168

AI카툰월드 44. 로봇도 솔직해 2026. 8. 3.
하이브 코딩. 3D 월드 생성 모듈화 ※ 하이브 코딩은 AI코딩으로 만든 산출물을 코딩을 공부하면서 내것으로 소화하고 재활용 가능한 모듈로 묶어 자산화하는 방법으로 제가 만든 용어입니다. 실험적 접근이라 어디까지 될지 장담할수 없는 도전 단계인 점 참조 부탁드립니다. 지난 시간에는 안티그래비티 IDE 프로그램을 설치하고 기존 바이브 코딩처럼 3D월드를 간단히 생성하는 부분을 다루었습니다.https://itadventure.tistory.com/939문제는 이렇게 바이브 코딩으로 생성한 1회용 코드는 매번 결과가 달라지기 때문에 관리하기 어려운데요,오늘은 이러한 기능을 기능 단위로 쪼개서 '모듈화'하는 부분을 살펴보겠습니다.html, 자바스크립트 기초 정도는 숙지하셨다는 걸 전제로 합니다.# 모듈이란?모듈이란 기능을 단위로 묶어서 코드 덩어리.. 2026. 8. 2.
[AI 코딩] Antigravity IDE + Gemini로 3D Babylon.js 개발 시작하기 (하이브 코딩 #1) ※ 하이브 코딩은 AI코딩으로 만든 산출물을 코딩을 공부하면서 내것으로 소화하고 재활용 가능한 모듈로 묶어 자산화하는 방법으로 제가 만든 용어입니다. 실험적 접근이라 어디까지 될지 장담할수 없는 도전 단계인 점 참조 부탁드립니다.# 첫 도전은.하이브 코딩으로 무엇을 해볼까 구상하던 중 3D 컨텐츠를 AI를 이용해 도전해보면 어떨까요?특히 babylon.js 라는 강력한 라이브러리는 과거에 기술 자료가 워낙 적어 접근이 힘들었는데요.AI 코딩을 이용하면 쉽게 구현이 가능합니다.우선 코딩 에이전트인 Antigravity IDE 프로그램으로, 그리고 Gemini 기본 구독(월 29,000원) 정도는 하는 선에서 시작하겠습니다. 3D 컨텐츠 개발은 AI도 머리를 많이 쓰거든요 :)# 안티그래비티 IDE 설치An.. 2026. 7. 30.
바이브 코딩의 한계, 이제는 하이브 코딩?! AI에게 말만 하면 프로그램이 완성될까?한때 '바이브 코딩(Vibe Coding)' 열풍이 있었던 것, 다들 기억하실 겁니다.AI에게 몇 마디만 이야기하면 뚝딱 원하는 프로그램이 만들어지는 모습은 마치 마법사를 보는 것 같았죠.저도 개인 프로젝트를 진행하면서 여러 AI 코딩 도구를 사용해 보았습니다.아래 링크는 증거입니다 ㅎㅎ ( AI 코딩, AI 음악, AI 뮤비 등 )https://cray7.mycafe24.com/main/처음에는 정말 놀라웠습니다."이 정도면 개발자가 직접 코드를 작성할 일이 없어지는 건 아닐까?" 하는 생각이 들 정도였으니까요.하지만 사용하면서 조금씩 다른 생각을 가지게 되었습니다.AI는 정말 '지니'가 될 수 있을까?AI가 나의 모든 일을 말만 하면 척척 대신 해주는 램프의 '.. 2026. 7. 25.
AI가 바이브코딩 문제를 답하다. "Ai에 의존한 코딩을 서비스하면 문제가 있을까?"3종 ai에게 물어보았습니다.(제미나이 프로 - 유료) # AI 기반 코딩 개발의 리스크 및 가이드라인 AI를 활용한 코딩은 생산성을 비약적으로 높이지만, 상용 서비스로 연결될 경우 다각도의 검토가 필요합니다. ## 1. 주요 기술적/운영적 리스크 * **기술적 부채:** AI 생성 코드는 동작은 하지만 왜 그렇게 작성되었는지 완벽히 파악하기 어려워 유지보수 시 블랙박스 현상이 발생함. * **성능 최적화 한계:** 도메인 특화된 DB 튜닝, 인덱스 전략 등 세밀한 최적화는 AI가 보편적 패턴에 의존하므로 전문 개발자의 개입이 필수적임. * **보안 취약점:** 학습 데이터에 포함된 보안 취약 패턴(SQL Injection, XSS 등)이 코드에 그대로 .. 2026. 7. 11.
Three.js 카툰 렌더링 코드 겟! by AI 요새 회사에서 게임 서비스 출시와 큰 연동 작업 2개를 동시에 하려니 엄청 바빠서 이제야 소식 올려드리네요.게임명은 비공개입니다 ㅎ뭐 저는 서버 백앤드 파트라서 DB와 게임 연동 API를 전반을 작업하는 롤을 맡습니다만사이드 프로젝트를 하지 않으면 감각이 떨어지는 듯 해서 AI를 이용한 기술 연구도 병행하긴 합니다.최근 AI를 통해 얻은 기술이 있는데요.아래 보시는 모델은 3D인데 분명한 외곽선을 가지고 있습니다.바로 '카툰 렌더링' 덕분인데요.과거에는 웹에서 이걸 어떻게 구현할지 이리 찾아보고 저리 찾아봐도 도무지 답이 나오지 않았었는데이제는 AI를 통해 기술을 알아낼 수 있게 되었습니다.먼저 3D 모델을 구해야 겠지요?요새는 AI로 이미지도 만들고 3D 모델도 만들수 있기 때문에 AI로 쉽게 만들 수.. 2026. 3. 1.
'AI톡' 워드 프레스 개설! ( 카페24 ) '워드 프레스'를 아시나요?전 세계 컨텐츠 관리 시스템 절반 가까이 ( 42.8% ) 는 워드 프레스를 사용하고 있는데요.출처 : https://w3techs.com/컨텐츠 관리 시스템에서 컨텐츠란 블로그나 뉴스 게시글같은 컨텐츠를 의미합니다.워드 프레스는 블로그는 기본이고 뉴스매거진, 쇼핑몰, 기업용 홈페이지, 교육시스템, 지식베이스 시스템, 회사 인트라넷, 부동산, 구인/구직 사이트 등에도 활용되고 있다고 하는데요.플러그인이 어마어마하게 많고 기능도 강력하지만 한글번역이 모호해서 ( 테마를 '모양'으로 번역.. ) 티스토리보다는 사용법이 좀 어렵습니다.그러나 강력한 부분은 블로그 시스템 권한 전체를 갖게 된다는 건데요.워드프레스는 PHP 로 구성되어 있고, 서버측 PHP 코드를 직접 수정할 수도 있는.. 2026. 1. 24.
K-Pen, 내가 만든 웹앱 친구에게 자랑하기 지난 시간에는 K-Pen 과 제미나이를 이용하여 웹앱을 뚝딱 만드는 법을 살펴봤는데요.https://itadventure.tistory.com/861 코딩 몰라도 OK! K-Pen AI프롬프트로 킹왕짱 쉽게!안녕하세요! 크레이입니다. 오늘은 여러분들의 코딩 실력을 단숨에 레벨업(?) 시켜줄 'K-Pen'의 '어마무시 울트라 캡숑 짱짱'한 소식을 들고 왔습니다 ㅎㅎ사실 AI와 협업해 새로 개발해 넣은 기능itadventure.tistory.com이렇게 만든 웹앱을 친구에게 자랑할 수 있다면 어떨까요?K-Pen의 공유하기 기능을 이용해 보세요!새 기능, 전체화면 !K-Pen 에 새로운 기능이 추가되었습니다!바로 전체 화면 기능인데요.이 버튼을 누르면 이랬던 화면이이렇게 바뀌는 거지요.친구에게 공유할 때는 아.. 2026. 1. 18.
코딩 몰라도 OK! K-Pen AI프롬프트로 킹왕짱 쉽게! 안녕하세요! 크레이입니다. 오늘은 여러분들의 코딩 실력을 단숨에 레벨업(?) 시켜줄 'K-Pen'의 '어마무시 울트라 캡숑 짱짱'한 소식을 들고 왔습니다 ㅎㅎ사실 AI와 협업해 새로 개발해 넣은 기능이예요 ^^.. "코딩 너무 어려워 ㅠㅠ 단번에 뭔가 보여줄만한 걸 만들수 없을까?" 하고 생각해 보신적 없나요? ^^..그런 분들을 위해 준비한 K-Pen 의 'AI 프롬프트'가 있습니다!아래 순서로 진행하시면 되는데요.1. K-Pen에서 'AI 프롬프트 복사' 2. 제미나이나 chatGPT로 이동하면 붙여 넣으면 코드가 뚝딱 3. K-Pen에 돌아와 코드를 붙여넣으면 오우~ 앱이 돌아간다! 오늘 내용은 지난번보다 훨씬 쉽습니다.세상 좋아졌죠? ㅎㅎ자, 거두절미하고 바로 실습 들어갑니다! 마법의 지팡이,.. 2026. 1. 10.
K-Pen과 함께 골을 넣어보자! 상태관리 'State'! 안녕하세요! 크레이입니다.지난 시간, 리액트의 기본 코드를 살펴보고, 화면에 글자를 띄워봤는데요. 마지막에 제가 살짝 흘렸던 말, 기억하시나요?"버튼을 누르면 화면이 바뀌거나 계산을 하는 건 조금 복잡해요."죄송합니다! 사실은 초심자분들에게는 많이 복잡할 수 있습니다^^.. 집중하면서 몇번 반복해서 봐주셔야 이해하실수 있습니다만,실습만 성공하셔도 큰 성과이니 100% 이해하지 못해도 결코 낙담하지 마세요 ㅎㅎ오늘은 그 '복잡하지만 아주 중요한' 친구, 바로 '스테이트(State=상태)'를 만나볼 시간입니다.📝 그냥 글씨 쓰기 vs 디지털 점수판축구 경기 좋아하시나요?저는 딱히 어느 팀 팬은 아니지만 월드컵에서는 단연 한국 편을 듭니다.그러다 '골~'을 넣으면 아싸~ 하고 환호를 지르지요!여러분도 그러신.. 2026. 1. 8.
K-Pen, 리액트 기본 코드? 외울 필요 없어요! 리액트 기본 코드리액트 코딩 언어를 시작하면 항상 만나는 코드가 있습니다.바로 아래와 같은 코드인데요.웹 브라우저 화면에 "안녕, 리액트 👋"를 표시해주는 간단한 소스입니다.코딩을 처음 시작하는 입장에서는 10줄이나 되는 코드가 아마 부담스러우실 거예요.하지만 이런 코드는 한번 보고, 두번 보고, 10번, 100번 앞으로 계속 눈으로 보면서 자연스럽게 그 구조가 머리속에 들어올 겁니다. 전혀 외우거나 하실 필요가 없어요.처음 리액트 언어로 코딩할 때 우리가 수정할 부분은 단지 이 부분과,이 사이 부분이지요. 물론 나중에 기능이 고도화된다면 복잡해질 수는 있습니다.K-Pen 에서는 언제든지 기본 코드를 설정하고 싶다면, 1) 햄버거 메뉴를 클릭하고2) 예제 불러오기의 '기본'을 선택하시면,짜잔, 기본 코.. 2026. 1. 7.
코드학습의 필요, K-Pen 과 함께 AI 해고의 역풍…구조조정 기업 절반 "결정 후회한다" ( 2025. 11. 3 )https://zdnet.co.kr/view/?no=20251102051028 AI 해고의 역풍…구조조정 기업 절반 "결정 후회한다"인공지능(AI)을 앞세운 인력 구조조정이 효율화가 아닌 오히려 조직의 부담으로 되돌아오고 있다는 지적이 제기됐다.AI가 기대만큼 생산성을 높이지 못하고, 핵심 인력 손실로 인한 업무 공백이zdnet.co.kr바이브 코딩 좋아, 그런데?..요새 바이브 코딩이 인기이긴 하지만, 바이브 코딩으로 만들어진 앱은 결정적인 문제가 있습니다.바로 '바이브 디버깅'입니다. 그냥 말로 '이러이러하게 고쳐줘'하는 거지요.보여주기용 웹앱(웹페이지에서 돌아가는 앱)을 만드는건 쉽습니다.뚝딱- 하면 AI가 순식간에 .. 2026. 1. 5.

티스토리툴바