본문 바로가기

전체 글49

MOZAIQ 일지 4 - 서비스 옷 입히기와 해골물 당시 디자인은 색은 어두운 보라 계열이었는데, 곰곰이 생각해보니 그것도 내가 고른 색이 아니었다. 그냥 처음 만들 때 얘가 기본값으로 깔아준 색이었다."좋아. 이제 phase4, uiux작업을 시작할 건데 나는 백엔드 엔지니어라 디자인에 대해서는 잘 몰라. 지금까지 작성된 문서와 기능들을 통해 내 서비스 성질을 파악하고, uiux 방향 추천안 몇 개 및 현재 구조에서의 개선점을 도출해." 백엔드한테 뭘 바라애초에 디자인시스템이라는 것도 어디서 주워 들은 용어 찌끄리는 거다. 그리고 난 또 주워 들은 게 있지 https://ui-ux-pro-max-skill.nextlevelbuilder.io/ UI UX Pro Max - Design Intelligence for Claude Code ui-ux-pro-.. 2026. 7. 15.
MOZAIQ 일지 3 - 내가 준 문서를 내가 안 읽음 이제 곡 저장까지는 됐다. 근데 못 찾음. 태그가 없으니까ㅎ Phase 3 tags-search태그 붙이고, 태그 조합으로 검색하는 기능. 곡 하나에 태그 여러 개 달고, 태그 여러 개 클릭하면 그걸 다 가진 곡만 걸러지는 AND 검색. 이것도 문서 기반으로 쭉 나왔다. 또 딸깍하려고 했는데 얘가 갑자기 질문을 던졌다.태그 상한이랑 글자수 상한이다. 50개/50자 유지, 더 엄격하게 10개/30자, 아니면 상한 없음. 셋 다 마음에 안 들어서 직접 숫자를 불렀다."곡당 20개, 한글20자" 고아 태그(어느 곡에도 안 달린 태그) 처리는 자동 삭제하라고 던졌다. 남겨두면 나중에 안 쓰는 태그만 쌓이니까. 이건 의사결정 문서에 ADR-012로 남았다. 작년에는 태그칩 내가 원하는 대로 뽑으려고 야 여기 .. 2026. 7. 15.
MOZAIQ 일지 2 - 로그인 화면과 곡 저장 Phase 1 setup-authPhase 1은 auth다. 얘가 그렇게 정해놨다. 구글 로그인 붙이고, 로그인하면 텅 빈 라이브러리 화면 하나 뜨는 것까지...애초에 supabase에서 뭘 해야 하는지도 얘가 넘버링해서 말해준 덕분에 이 부분은 순식간에 끝났다.근데 만들고 나서 좀 웃긴 게... 얘가 만들었지만 그래도 내 건데 내가 원리를 모른다.어차피 phase 1 개발도 끝났겠다 해서 세션 종료 안 하고 좀 파봤다. "궁금한 게 있어. 여기에는 supabase secret키가 하나도 없는데, 구글 로그인을 하면 app_user 테이블에 정보가 저장된단 말이야. 대체 어떻게 db에 접근할 수 있는 거야?" 답을 듣고 한 겹 더 파봤다."인증은 secret키 없이도 insert될 수 있지만 서버에서.. 2026. 7. 15.
MOZAIQ 일지 1 - codex야 문서 짜 AI로 서비스 출시하기... 작년 4월에 지피티랑 앱을 하나 짜려고 해봤다 AI랑 앱 만들기 8 - AI 고르기사실 이쯤 되면 뭔가 앱을 만든다! 하는 프로젝트보다는... 내가 이것저것 가지고 놀기만 하는 것 같다. 내가 AI를 쓰는 방법은 단순하다. 나는 설계만 하고 나머지는 AI가 어떻게 알아서 해 줬으butfound.tistory.com 유튜브 링크를 태그로 분류해서 저장하는 앱이었는데 지피티는 그때도 참 좋은 친구였다.근데 문제는 나였음. 나는 서버나 짤 줄 알지 ui를 짤 줄도 모르고... 기획도 못 하고... 어쨌든 그렇다. 그래서 codex를 붙여보기도 했고 vercel v0(순식간에 무료티어 고갈됨)을 써보기도 했는데 원하는 결과가 안 나왔다. 이유는 명확했다. 내가 AI를 첨 써봄 .. 2026. 7. 15.
AI랑 앱 만들기 8 - AI 고르기 사실 이쯤 되면 뭔가 앱을 만든다! 하는 프로젝트보다는... 내가 이것저것 가지고 놀기만 하는 것 같다. 내가 AI를 쓰는 방법은 단순하다. 나는 설계만 하고 나머지는 AI가 어떻게 알아서 해 줬으면 좋겠다. 그리드 맞추느라 갑자기 CSS 공부하는 것도 어렵다. 내가 어디서 좋은 레퍼런스를 가져다 주면 그대로 알아서 만들어줬으면 좋겠고 퍼블리셔들이 자주 사용하는 기술도 알아서 박아줬으면 좋겠다. gemini CLI는 좋긴 한데.. 가끔 원하는 결과물을 내지 못했다. claude도 CLI랑 데스크탑에 연결한 MCP 둘 다 써봤는데 얘는 코드 작성보다 분석에 강한 것 같았다. 물론 내 착각일 수도 있음. 그리고 진행하다보니 가이드 문서와는 별개로 프롬프팅의 디테일에 대한 중요성을 느껴서... 하지만 횡설.. 2025. 12. 28.
AI랑 앱 만들기 7 - gemini CLI 설치 제목을 GPT랑 앱 만들기에서 AI랑 앱 만들기로 고쳤다. GPT로 인사이트도 얻고 강아지도 만들었지만 GPT로 MCP를 쓰기에는 조금 미묘하다. 그래서 제미나이를 쓸 거다. 요즘 마이붐이다. 마이붐이라는 단어가 엄청 오래된 건 알지만 어쨌든 이건 마이붐이다. claude도 MCP를 지원하지만 내 클로드는 MCP 연결이 죽어도 안 된다. 개인 맥으로 테스트해 본 결과 다 지우고 brew로 새로 깔아서 어쩌고 하면 MCP 연결이 되긴 하는데 애초에 지원하는 대화 길이가 너무 짧고 프리티어로는 뭘 해도 안 되겠다 싶었다. 그래서 Gemini cli을 깔았다. https://github.com/google-gemini/gemini-cli GitHub - google-gemini/gemini-cli: A.. 2025. 7. 17.