[배경]제 수업을 듣는 분들에게 자료를 공유하기 위해간단한 회원가입 기능이 필요한 상황입니다. ID/PW를 받아서 DB에 넣으면 간단하지만쇼셜 로그인(구글, 카카오…) 기능이 있으면 좋겠네요. [supabase 이용]찾아보니 Supabase 를 이용하면 간단하다고 합니다.사이트 자체의 완성도가 높고 신뢰가 갑니다.Supabase에 도전합니다. 문서를 읽어가며, AI에게 물어물어2시간 만에 3가지 로그인을 구현했습니다. 물론 개발자 입장에서는 간단합니다.그런데 이 작업이 비개발자에게는 무리입니다.결정적으로… Continue reading
인터넷이 안되는 곳에서 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를 살짝 이쁘게 만들고 싶은 마음이 생기는데AI는 이때부터 말썽을 부리기 시작하죠.고집도 부리고, 거짓말도 하고,잘 돌아가던 부분을 맘대로 바꾸기도 하고…. 그래서 아예 주요 UI 스타일을 처음부터 정해주고시작하면 좋겠죠?그런데 뭘 알아야 요청을 하죠 ‘멋지게’, ‘세련되게’, ‘있어보이게’ … 이런 주관적인 단어가 아닌9가지 영역에 걸친… Continue reading
2025. 8. 15 저녁에 줌으로 진행한<메모장으로 시작하는 바이브 코딩>강의 슬라이드 공유드립니다. [다운로드] https://jvibeschool.com/vibe/Vibe_Start.pdf
바이브코딩으로 페이지를 만들때 화려한 이모지 대신적당한 아이콘을 찾기 위해 몇개의 사이트를 둘러 보던 중한번에 비교할 수 있는 페이지를 만들었습니다. 제가 쓰려고 만들었는데혼자 보기 아까워서 공유할게요. ^^ https://jvibeschool.com/vibeicon 페이지 하단의 README 확인 해 주세요. [프롬프트]
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 스타일 가이드를 만드는 것입니다. 먼저 아래와 같은 과정을 거쳐마음에 드는 jvibeschool 메인 페이지 스타일을 찾았습니다. 이런 과정을 통해 완성도 높은 스타일을 만들었습니다. 수많은 수정을 거쳐 드디어 마음에 드는… Continue reading
/ 100일 프로젝트 전문가 정진호입니다. 해마다 새해가 되면 100일 동안 매일 창작에 도전 하는100일 프로젝트(#100d100d)를 진행한지 벌써 7년째. 내년에는 좀더 다양한 주제로 함께 할 수 있게[나만의 프로젝트 100 찾기]를 만들어 보았습니다. 10개의 질문에 답하면미리 준비한 100개의 프로젝트 주제에서여러분에게 딱 맞는 프로젝트 3개를 추천드립니다. 맘에 안들면 랜덤 추첨도 가능해요.https://jvibeschool.com/project100/ 2026년 1월… Continue reading