Category Archives: AI Lab

UI는 그것을 나타내는 정확한 명칭과 설정 값이 있습니다.나의 의도를 명확하게 설명하는 용어가 필요하죠. [주관적]이쁘게 만들어줘, 멋지게 만들어줘 [객관적]Fade In Container 만들어DIRECTION = top , OFFSET= 50, DURATION= 0.7, DELAY= 1 그런데 이렇게 디테일하게 지시하는 것은 바이브 코딩이 아니죠.UX/UI 전문가만 가능한 일이죠. 그래도 대충 각각의 용어로 어떤 느낌이지 알 수 있으면… Continue reading →

바이브 코딩으로 작업할 때,UI 일관성을 유지하는 것은 매우 중요합니다.여러 페이지를 만들어도 동일한사용자 경험을 제공하는 것이 필요하죠. UI 일관성을 유지하는 가장 확실한 방법은UI 스타일 가이드를 만드는 것입니다. 먼저 아래와 같은 과정을 거쳐마음에 드는 jvibeschool 메인 페이지 스타일을 찾았습니다. 이런 과정을 통해 완성도 높은 스타일을 만들었습니다. 수많은 수정을 거쳐 드디어 마음에 드는… Continue reading →

맥북에서 이름과 전화번호만으로 SMS를 발송하는웹 기반 앱을 만들었습니다. AppleScript를 통해 macOS Messages 앱과 연동하여여러 명에게 동시에 문자 메시지를 보낼 수 있습니다.AppleScript를 사용, macOS 메시지 앱을 이용해 발송하는 구조 입니다.발송인 변경은 불가능합니다. 개인적인 용도로 제작했으니 버그가 있을 수 있습니다. ^^; [주요 기능]-연락처 관리: 이름과 전화번호로 연락처 추가/삭제-일괄 SMS 발송: 여러 명에게… Continue reading →

Font Awesome은 웹 페이지 제작에 사용하는 폰트(아이콘) 모음입니다.다양한 애니메이션, 인터랙션, 시각적 효과를 이용할 수 있습니다. 다음과 같은 장점이 있습니다. Font Awesome를 이용하면바이브코딩으로 가볍고 빠른 웹페이지를 제작할 수 있습니다. 백문이 불여일견 일단 첨부된 링크를 확인해 보세요.기능에 대한 소스도 볼 수 있습니다. [Demo]https://jvibeschool.com/FontAwesome/ [Font Awesome]https://fontawesome.com/

오늘은 아파치 웹 서버의 Access Log를아름답게 분석해 주는 GoAccess 를 설치했습니다. – 간편한 설치– 번개처럼 빠른 log 파일 처리속도– 아름다운 UI– 테마/그래프/레이아웃 선택 공짜로 쓰기에는 너무 훌륭한 도구입니다.개발자에게 커피 한 잔 보내 드려야 겠어요. 바이브 코딩으로 작은 툴을 만들기 시작했는데어느사이 AWS 서버에 글로벌 페이먼트를 붙이고재미있는 도구를 설치해 서버를 열심히 들여다… Continue reading →

여러분!결국 바이브 코딩의 끝은글로벌 결제 서비스 연동입니다. 젠스파크로 시작해서 중간에 멈추길래Claude에게 이어서 물어 보니 아주 차근 차근 잘 알려줍니다.복사+붙여 넣기만 열심히 하면 됩니다.중간에 오류나면 겁먹지 말고오류를 붙여 넣고 물어 보면 됩니다.세상 모든 일을 물어보면 됩니다.단! 내 서버가 있으면 좋습니다. ✅ 완료된 기능 [Paddle의 장점]전 세계 200개국 자동 세금 처리VAT, GST,… Continue reading →

생성형 AI는 이미지, 동영상, 음악, 슬라이드, 문서, 코드 등다양한 형식의 파일을 만들수 있지만그 중에 제일은 마크다운이다! [프롬프트]완전히 ASCII 코드 만으로 tetris 게임 만들어줘.1985년 PC의 레트로 느낌으로 뚝뚝 끊어지게.오리지널 개발자 버전으로. 브라우저에서 실행할거야RETRO로 글자 누르면 2025년 버전으로 변신 [Tetris 게임 즐기기 / PC 전용 ]https://jvibeschool.com/tetris [다운로드]https://github.com/jvisualschool/tetris_dual [사용자+개발자 가이드]https://github.com/jvi…/tetris_dual/blob/main/README_KR.md