바이브 코딩으로 작업할 때,UI 일관성을 유지하는 것은 매우 중요합니다.여러 페이지를 만들어도 동일한사용자 경험을 제공하는 것이 필요하죠. UI 일관성을 유지하는 가장 확실한 방법은UI 스타일 가이드를 만드는 것입니다. 먼저 아래와 같은 과정을 거쳐마음에 드는 jvibeschool 메인 페이지 스타일을 찾았습니다. 이런 과정을 통해 완성도 높은 스타일을 만들었습니다. 수많은 수정을 거쳐 드디어 마음에 드는… Continue reading
/ 100일 프로젝트 전문가 정진호입니다. 해마다 새해가 되면 100일 동안 매일 창작에 도전 하는100일 프로젝트(#100d100d)를 진행한지 벌써 7년째. 내년에는 좀더 다양한 주제로 함께 할 수 있게[나만의 프로젝트 100 찾기]를 만들어 보았습니다. 10개의 질문에 답하면미리 준비한 100개의 프로젝트 주제에서여러분에게 딱 맞는 프로젝트 3개를 추천드립니다. 맘에 안들면 랜덤 추첨도 가능해요.https://jvibeschool.com/project100/ 2026년 1월… Continue reading
SEO 키워드
바이브코딩, 서버관리, AWS Lightsail, Cursor, 메모리 최적화
해시태그: #바이브코딩 #서버관리 #AWS #개발자도구 #메모리최적화 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
신간 도서 카드 뉴스 일러스트 작업 했습니다. 언제나 저를 믿고 흥미로운 작업을 요청해 주시는,최고의 책만 만드는 책만! <기업과 고객을 파괴하는 해킹과 사이버 보안의 모든 것>세상을 뒤흔든 수많은 사이버 침해 사고 사례와 함께 읽는안전한 사이버 공간을 위한 올바른 보안 지식! 제목이 너무 딱딱해서개발자, 보안담당자를 위한 책 같지만….사실 인터넷에 연결된 모든 사람에게추천하는… Continue reading
생성형 AI의 활용 분야는 다양하지만,그중 가장 압권은 바로 제안서라 생각합니다.제안서를 작성하는 것이 아니라제안서에 들어가는 앱의 프로토타입 이야기입니다. 소규모 정부사업 지원을 위해작은 앱의 프로토타입을 다이나믹 HTML로 만들었습니다.말이 프로토타입이지, 실제로는 완벽하게 동작합니다.3시간 정도 걸렸습니다. 제안서의 핵심은 간단합니다. 생성형 AI는 “우리가 만들게 될 이것”을미리 보여줄 수 있다는 것입니다.멋지게 동작하는 모습을 말이죠.그럼 어떤 일이… Continue reading