최근 바이브 코딩에 재미를 붙여 AWS lightsail을 이용 시작했어요마침 AWS Builders Online Series 행사가 있네요.6개의 강의를 들으며 마인드맵으로 정리해 보았습니다.제가 개발자는 아니라 이해력이 살짝 부족할 수도 있습니다. 저는 트랙 1을 선택했습니다. [트랙 1] 생성형 AI로 가속화하는 현대적 AWS 애플리케이션 개발 [소감] [마인드맵 PDF]https://drive.google.com/drive/folders/1nCL53T0O4cbC43eTVqPwUhVmJWCEQRwE?usp=drive_link
새로 구축한 서버에 404 오류 페이지를 설정하다가그 시절의 추억을 떠올리며 매트릭스 느낌을 구현했습니다. 바이브 코딩이 참 좋은 것이주거니 받거니 하면서 자꾸 자꾸 뭔가 기능이 늘어나기 시작합니다. 처음에는 진짜 글자만 내려오면 마무리 하려고 했는데…글꼴, 크기, 속도, 색상을 바꾸니마우스 움직임과 화면에 메시지도 넣게되었습니다.쉬는 시간에 화면 보호기로 쓰면 되겠어요. 아예 한글+영어로 글자를 뿌려서한국을… Continue reading
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://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
AX 대전환 : AI 어디까지 써봤니?매경이코노미 창간 46주년 기념 ‘AI Conference 2025’’25.07.24(목) / 엘타워 (양재동, 그레이스홀 6F) 위 행사에서 발표된 14개 세션을현장에서 마인드맵으로 정리했습니다. 관심 있는 분들은 아래 구글드라이브에서PDF파일을 받으세요.
크롬 브라우저에는 인터넷 연결이 안 될 때 즐길 수 있는공룡 달리기 게임이 있습니다.이 게임에서 영감을 얻어 만든 오리 달리기!덕덕러너! 아래 링크에서 즐길 수 있고소스코드도 받을 수 있습니다. 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