그래픽 레코딩 포트폴리오 만들기
바이브코딩으로 지난 6년간 작업한그래픽 레코딩 포트폴리오 정리했습니다.https://jvibeschool.com/grgallery/ 그동안 마음만 먹고 귀찮아서 못했는데…바이브코딩의 힘은 마음 속에 담아두었던 것을즉시 할 수 있도록 도와준다는 것입니다. 시작해야겠다는 마음만으로이미 50%는 성공입니다. 바이브코딩 = 시작이 반
Recent Comments
Categories
[팁] iPad를 웹서버로 사용하기
인터넷이 안되는 곳에서 iPad를 이용해나의 웹사이트를 보여줘야 한다면?간단합니다.iPad를 웹서버로 만든 후에localhost 로 접속하면 됩니다. iPad에서 Apache + PHP + SQLite 를 설치해서웹서버로 사용하는 방법입니다. https://ish.app/iSH를 설치하면 나의 iPad는 i686 Linux 머신이 되고이제 root로 접속할 수 있습니다. localhost:~# uname -aLinux localhost 4.20.69-ish SUPER AWESOMEMay 20 2023 23:41:32 i686 Linux
시작은 바이브하게, 실행은 체계적으로!
이번 주에는 살짝 복잡한 견적서 서비스를 만들고 있습니다. Kiro 와 Cursor를 함께 이용하고 있는데실수 없이 찰떡같이 코드를 만들어 줍니다.신기해서 그 이유 물어보니 알려 주네요. [질문]그런데 한가지 궁금한 것이 생겼어.지난 주에 바이브코딩할 때는 작업 엉터리로 하는 경우가 많았는데지금은 왜 착착 잘 되는 것인지? [답변]좋은 질문이네요! 😊지금이 더 잘 되는 이유들 [교훈]결국… Continue reading
바이브코딩 UI 마크다운 생성기
바이브코딩으로 뭔가를 만들때기능은 어떻게든 꾸역꾸역 구현이 됩니다. 기능이 구현되고 나면UI를 살짝 이쁘게 만들고 싶은 마음이 생기는데AI는 이때부터 말썽을 부리기 시작하죠.고집도 부리고, 거짓말도 하고,잘 돌아가던 부분을 맘대로 바꾸기도 하고…. 그래서 아예 주요 UI 스타일을 처음부터 정해주고시작하면 좋겠죠?그런데 뭘 알아야 요청을 하죠 ‘멋지게’, ‘세련되게’, ‘있어보이게’ … 이런 주관적인 단어가 아닌9가지 영역에 걸친… Continue reading
[PDF] 메모장으로 시작하는 바이브 코딩
2025. 8. 15 저녁에 줌으로 진행한<메모장으로 시작하는 바이브 코딩>강의 슬라이드 공유드립니다. [다운로드] https://jvibeschool.com/vibe/Vibe_Start.pdf
[단상] AI 와 호들갑, 두려움 없는 미래
과거를 한번 생각해 보자.30년 전에 사용하던 프로그램 중에 살아남은 거 별로 없다. 친구들아 혹시 이런거 들어 봤어? (고인물 인증)훈민정음, 아리랑, 윈워드, 워드퍼펙트글마당, 파피루스, 세종, 하나워드, 사임당 지금은 HWP, MS워드 정도 남아 있다. 지금 매일 쏟아져 나오는 Ai 앱 중에5년 후에 남아 있는 것이 과연 몇개나 될까? 모든 도구는 그저 필요한… Continue reading
바이브 아이콘 라이브러리
바이브코딩으로 페이지를 만들때 화려한 이모지 대신적당한 아이콘을 찾기 위해 몇개의 사이트를 둘러 보던 중한번에 비교할 수 있는 페이지를 만들었습니다. 제가 쓰려고 만들었는데혼자 보기 아까워서 공유할게요. ^^ https://jvibeschool.com/vibeicon 페이지 하단의 README 확인 해 주세요. [프롬프트]
맥북에서 돌려보는 비전 랭귀지 모델 LLaVA-MLX
LLaVA = Large Language and Vision Assistant이미지를 보고 자연어로 대화할 수 있는 멀티모달 AI MLX = Machine Learning XApple의 머신러닝 프레임워크 LLaVA 모델을 다운받아서Apple Silicon 최적화를 살짝해서Python Flask 웹 인터페이스를 붙였습니다. 설치방법+소스는 댓글 링크 참고하세요.바이브코딩으로 세팅해서 세밀한 설정은 저도 잘 몰라요. 🙂 [특징]– LLaVA 모델: 검증된 오픈소스 Vision Language Model… Continue reading
마이크로 인터랙션 테스트 페이지
UI는 그것을 나타내는 정확한 명칭과 설정 값이 있습니다.나의 의도를 명확하게 설명하는 용어가 필요하죠. [주관적]이쁘게 만들어줘, 멋지게 만들어줘 [객관적]Fade In Container 만들어DIRECTION = top , OFFSET= 50, DURATION= 0.7, DELAY= 1 그런데 이렇게 디테일하게 지시하는 것은 바이브 코딩이 아니죠.UX/UI 전문가만 가능한 일이죠. 그래도 대충 각각의 용어로 어떤 느낌이지 알 수 있으면… Continue reading
바이브코딩으로 UI 스타일 가이드 만들기
바이브 코딩으로 작업할 때,UI 일관성을 유지하는 것은 매우 중요합니다.여러 페이지를 만들어도 동일한사용자 경험을 제공하는 것이 필요하죠. UI 일관성을 유지하는 가장 확실한 방법은UI 스타일 가이드를 만드는 것입니다. 먼저 아래와 같은 과정을 거쳐마음에 드는 jvibeschool 메인 페이지 스타일을 찾았습니다. 이런 과정을 통해 완성도 높은 스타일을 만들었습니다. 수많은 수정을 거쳐 드디어 마음에 드는… Continue reading