Jinho's AI Studio

10배 빠른 풀스택 앱 개발 서비스라고 홍보하는https://www.rocket.new/ 를 사용해 보았습니다. [프롬프트]웹 기반 애니메이션의 기술 발전 과정을 보여주는다이나믹 HTML 페이지.X 축으로 타임라인을 만들고 각각의 기술이 등장한 시기와해당 기술을 확인 할 수 있게 만들어줘.아름답고 고급스러운 딥블루 테마로 잠시 후 저는 필요한 4페이지를 선택했고10분 후 완성된 페이지 입니다.https://webanim-timeline-e0kmd29.public.builtwithrocket.new/ 4페이지 중에 [리소스 라이브러리] 가… Continue reading →

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

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

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

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

크롬 브라우저에는 인터넷 연결이 안 될 때 즐길 수 있는공룡 달리기 게임이 있습니다.이 게임에서 영감을 얻어 만든 오리 달리기!덕덕러너! 아래 링크에서 즐길 수 있고소스코드도 받을 수 있습니다. DUCKDUCK RUNNER[Demo] https://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 →