Author Archives: Jinho Jung

2주 전에 만든 설문조사 페이지를 변경하고 있습니다. 대략 1시간 정도 걸려 필요한 모든 작업을 마무리 하고 내린 지시 이제 배포를 마무리 하자.필요 없는 모든 파일을 정리하고운영자용 마크다운 매뉴얼을 만들어줘.보안위험으로 서버에 배포하면 안되는 파일(예를 들면 운영자 매뉴얼)은배포금지! 폴더에 넣어줘배포금지는 로컬에서 나만 볼거야 그 결과 만들어진 5종의 마크다운 파일과 백업 스크립트. 우와~… Continue reading →

베트맨 로고의 변천사를 확인하는 타임라인 선택기를 만들었습니다.[Demo] https://ai.jvisualschool.com/batman/웹에서 Batman 의 시대별 변화를 담은 SVG 벡터 파일을 구했습니다.문득 연도를 선택하면 해당 연도에 개봉한 영화의제목과 로고를 볼 수 있으면 좋겠다라는 생각이 드네요. 방법은 간단했습니다.SVG 파일의 프레임을 분리해서각각의 SVG 파일을 만들고연도를 클릭하면 해당 SVG 파일로 점프! SVG 는 진짜 진짜 매력적인 포맷입니다.엄청나게 작은… Continue reading →

J_TimeTime 소개합니다. 워크숍에 사용할 적당한 타이머가 없어서(무료는 마음에 안들고, 유료는 비싸서)제가 필요한 기능 위주로 만들었습니다.필요하신 분들은 다운로드 받아서 쓰시고시간 되기는 분들은 입맞에 맞게 고쳐 쓰세요. [ 주요 기능] [Demo]https://ai.jvisualschool.com/J_TimeTimer/ [소스 다운로드]https://github.com/jvisualschool/J_TimeTimer [제작과정]https://ai.jvisualschool.com/J_TimeTimer/HISTORY.pdf [사용방법 동영상]https://youtube.com/shorts/VCBwJhCjkQs

설문조사를 할때 보통 정해진 답중에 골라야 한다면주관식 입력 폼 대신 라디오 버튼, 선택상자 등을 이용합니다.이 경우에는 기타 의견을 받기 힘들죠. 그런데 이제 걱정 없습니다. [질문] 어떤 AI 서비스 이용하세요? 라는 질문을 주관식으로 해도 좋습니다. 주어진 AI 사용 통계 데이터를 분석하여 시각적인 차트를 생성합니다. [데이터] – ChatGPT/GPT 관련: 챗지피티, GPT, chatgpt,… Continue reading →

크롬 브라우저에는 인터넷 연결이 안 될 때 즐길 수 있는공룡 달리기 게임이 있습니다.이 게임에서 영감을 얻어 만든 오리 달리기!덕덕러너! 아래 링크에서 즐길 수 있고소스코드도 받을 수 있습니다. DUCKDUCK RUNNER[Demo] https://ai.jvisualschool.com/duckduck_runner/[소스코드] https://github.com/jvisualschool/duckduck_runner 🚀 프로젝트 개요DUCKDUCK RUNNER는 고전 크롬 공룡 게임에서 영감을 받은 PC와 모바일을 모두 지원하는 레트로 스타일의 무한 러너 게임입니다…. Continue reading →

1990년대 초반 용산 전자상가에서 어느 PC매장 앞을 지날때끼리릭 소리를 내는 커다란 프린터에서예쁜 그림을 열심히 만들고 있었습니다. 가까이 가서 보았는데 놀랍게도알파벳, 숫자를 이용해 만든 그림 이었습니다.그 때 ‘멋지다’라고 생각한 것을GenSpark 레이아웃 + Claude 스크립팅으로다시 만들어 보았습니다. 용산전자상가는 쇄락했지만저의 추억은 생생합니다. 설명이 필요 없이 직관적으로 사용가능합니다. ^^초등학생에게 강추!Index.html 파일 하나만 다운받으면 OK… Continue reading →

꿈은 창대했으나….한 방에 끝내려는 욕심은 허접한 결과를 얻고 말았습니다. 이것이 바로 MVP(Minimum Viable Product)가 필요한 이유입니다.처음에는 간단하게 만들고 바이브하게 요청하며기능을 조금씩 추가해야 한다는 교훈을 얻었어요. 🙂 [계획] [결과] 음….. ㅠㅠ

사람들은 바이브 코딩에 대해 약간의 착각을 하고 있다.명령만 내리면 알아서 척척 필요한 것을 만들어 줄 것이라는…내가 주인이고 내말을 잘 듣는 비서처럼,천재 해커처럼 행동할 것이라고 믿는다. 그러나 현실은 내가 이녀석의 시중을 들고 있다. 바이브 코딩 = 시중 들기! 결론 시중을 잘 드는 개발자가 바이브 코딩을 잘하는 개발자다. 페이스북의 포스팅을 가져다가 새로… Continue reading →

어린 시절이 생각나는 장난감을 만들었어요. Auto-Draw Etch-A-Sketch 하하! 바이브 코딩 재미 있군요. 댓글에 공유한 Github 에서 소스 받을 수 있어요. [특징] * 단일 파일 애플리케이션 index.html 파일 하나만으로 완전히 동작하며, 별도의 서버나 라이브러리 없이 브라우저에서 바로 실행 가능 * 4가지 테마 모드 Original, Light, Dark, Liquid Glass 테마로 본체와 버튼… Continue reading →