검색으로 대시보드 이미지를 찾아서이것을 이용해 다이나믹 HTML을 만들어 보았습니다.전문가들의 작업과 비교하면 아쉬움이 있지만개인적으로 사용할 유틸리티를 만들기에는 충분히 훌륭합니다. [ 대시보드 만들기 프롬프트] /첨부한 이미지와 동일한 다이나믹 HTML을 만들어줘.그래프에는 애니메이션을 넣어 움직이게 해줘. [테스트 결과]지극히 개인적인 느낌입니다. 색상, 폰트 등 다양한 CSS요소를 변경해서나만의 UI 컴포넌트를 구축하고, 나중에 대시보든 만들때요기에서 가져다 쓰면… Continue reading
https://www.genspark.ai젠스파크의 AI 슬라이드 기능이 업데이트 되었습니다.가장 큰 특징은 테마를 선택할 수 있다는 것이죠.아래와 같이 테스트 했습니다. 1. 적당한 테마를 선택합니다. 저는 “현대 기업 전략 보고서”가 마음에 드네요. 2. 선택한 테마를 이용해 슬라이드 제작을 시작합니다.디즈니 장편 애니메이션 중에 역대 흥행 탑5 를 조사해서각1장씩 표지까지 6장으로 만들어줘.영상 예고편 을 볼 수 있는… Continue reading
1. 바이브 코딩에 재미를 느끼고 매일 뭔가 만든다.2. 혼자 쓰기에 너무 아까워 Github 에 공개한다.3.사람들이 미리 사용해 볼 수 있게 Demo 사이트가 필요하다.4. 개발 과정을 페이스북에 올리는데 자꾸 지나가 버린다.5. AWS 서비스를 신청한다.6. 서버에 WordPress 를 신나게 설치한다.7. 좋은 글감이 떠올라 자꾸 포스팅을 한다.8.나만 보기 아까워 메일링 서비스를 구상한다.9. 그런데… Continue reading
25년 간 출간한 책이 40권이 되었습니다.집필, 번역, 일러스트 등 다양하게 참여했지요.그간의 작업을 AI를 이용해 정리하고 싶었습니다. 야무진 꿈처음에는 쉽게 생각했습니다.대충 정리된 목록을 주고 한방에 끝내면 좋겠다는 생각에다음과 같이 요청합니다. 첨부된 파일을 참고해서 도서 정보를 완벽하게 정리해줘 엉터리 결과AI는 당당하게 작업을 완료했다고 이야기 합니다.그러나 실제 파일을 열어보면 환각이 생겨 완전 엉망입니다…. Continue reading
[개발 배경]MS PPT 파일의 고질병 폰트 꼬임현상여러사람이 편집하거나, 다른 파일에서 복사 붙여 넣기 하거나MacOS 에서 작업한 파일은 윈도우로 가져 오거나… [번거로운 해결 방법]다양한 상황에서 발생하며 유일한 해결 방법은XML파일로 저장후 텍스트 에디터로 하나씩 바꿔주어야 하는 번거로움 [혁신적 & 불편한 방법]5년 전쯤 Dr. Ralf S. Engelschall 님이pptx-surgeon CLI 도구 개발, 공개함그런데 사용… Continue reading
최근 바이브 코딩에 재미를 붙여 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