찐망고'S 퍼블리싱그리고디자인

사주 AI웹서비스 제작노트 -11

사주 AI웹서비스 제작노트 -10사주 AI웹서비스 제작노트 -9사주 AI 웹서비스 제작노트 - 8사주 AI 웹서비스 제작노트 - 7사주 AI 웹서비스 제작노트 - 6사주 AI 웹서비스 제작노트 - 5사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 uiweb.tistory.com 구글서치콘솔에 등록하면서 구글애널리틱스(GA4)도 연결했다.웹서비스 초기단계일땐 다른 복잡한 기능보다는 사람들이 어디서오고, 어디서 무엇을 하는지 파악하는것이 중요하다.실제 배포한 날 보다 더 늦게 등록을해서 일주일도 채 되지않는 보고서를 확인할 수 있었다. 보통 유입경로, 참여율 및 참여시간, 방문페이지, 실시간 보고서, 주요이벤트 이 순서로 체크해 보면 되는데유입경로는 비즈니스목표 > 리드생성 > 트래픽획득 에서 확인이 ..

사주 AI웹서비스 제작노트 -10

사주 AI웹서비스 제작노트 -9사주 AI 웹서비스 제작노트 - 8사주 AI 웹서비스 제작노트 - 7사주 AI 웹서비스 제작노트 - 6사주 AI 웹서비스 제작노트 - 5사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 uiweb.tistory.com 신강한 사주들을 너무 강하게 묘사하는 것 같아 프롬프트를 조금 수정하는 중이다.직장운도 마찬가지로 너무 과하게 몰아서 해석하는 부분이 있어 같이 수정하는 중이고..그러는 와중에 프론트트엔드 로직을 옮기는 과정에서 만세력 부분이 DB랑 불일치하는 오류를 발견했다.이것도 모바일에서 결과페이지에PDF저장할때 글씨가 안보인다는 소리를 듣고내 만세력으로 테스트하다 발견함 로직을 옮기는 과정에서 AI가 시키는데로 복붙하다가 일어난 참사..

사주 AI 웹서비스 제작노트 - 8사주 AI 웹서비스 제작노트 - 7사주 AI 웹서비스 제작노트 - 6사주 AI 웹서비스 제작노트 - 5사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 uiweb.tistory.com 로그인 연동을 하기전에엔진고도화를 해보려고 한다이유: 더 정확하고 정확하면 좋겠어서 현재기준 200명이 넘게 찐망고사주를 찾아주셨고긍정적인 리뷰들을 보내줬다리뷰게시판이 없으므로 일단 블로그에.. 귀찮음을 무릅쓰고 후기 남겨준 지인분들에게감사를 전하며 물론 안맞는 지인분들도 있어 체크를 해보려고 한다 블로그나 스레드에도 공유하고 검색엔진에도 노출되긴 하지만실제로는 지인들이 서로의 지인들에게 공유해서 들어오는 경우가 더 많은 ..

사주 AI 웹서비스 제작노트 - 7사주 AI 웹서비스 제작노트 - 6사주 AI 웹서비스 제작노트 - 5사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스uiweb.tistory.com 검색엔진최적화를 했는데구글과 네이버 모두 잘나온다. 카카오톡 공유 아이콘을 추가하기로 했다.그러려면 결과 공유페이지가 필요했다. Kakao.Share.sendDefault 기능을 사용하여 커스텀 템플릿 제작했다.결과물마다 고유한 resultId를 생성하여 링크에 담아 전송했음 OG(Open Graph) 태그 설정를 설정하여 Next.js서버 컴포넌트의 generateMetadata를 활용해 카톡 공유 시 사용자별 맞춤..

사주 AI 웹서비스 제작노트 - 6사주 AI 웹서비스 제작노트 - 5사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이uiweb.tistory.com 현재 구글에 찐망고 사주를 검색하면이렇게 AI 개요가 뜬다그리고 티스토리 주소가 제일먼저 뜨는데도메인은 없어도 배포한 주소가 있으니 구글링 되도록 구글서치콘솔에 등록은 필수다. 이 블로그들도 초반에 하나하나 다 등록했었는데 ㅎㅎ Google Search ConsoleSearch Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수..

사주 AI 웹서비스 제작노트 - 5사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이유첫 AI웹서비스를 사주로 선uiweb.tistory.com 드디어 찐망고 사주 웹서비스를 지인들과 블로그에 공개했다.감사하게도 지인분들과 블로그를 통해 유입된 분들까지 포함해 총 13명의 소중한 데이터가 쌓였다 https://aistudio.google.com/대시보드를 보는데429 TooManyRequests에러는 무료요금제다보니 분당 요청제한에 걸린거 같았고503에러는 429에러랑 같이 나타난것으로 보아 급증한 트래픽때문인듯 ㅋㅋ RPM (Requests Per Minute): 5/5..

사주 AI 웹서비스 제작노트 - 4사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이유첫 AI웹서비스를 사주로 선택한건 사주 자체에 관심이 많uiweb.tistory.com 배포를 위해 git을 설치합니다. Git - Install for WindowsClick here to download the latest (2.53.0(2)) x64 version of Git for Windows. This is the most recent maintained build. It was released on 2026-03-10. Other Git for Windows downloads Standalone Instal..

사주 AI 웹서비스 제작노트 -3사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이유첫 AI웹서비스를 사주로 선택한건 사주 자체에 관심이 많아서도 맞는데 포스텔러나,uiweb.tistory.com 바로 배포하려고 3월말로 잡았는데4월이 되었다 하하하일단 테스트 기간이 좀 더 길어졌다는 점 fs기반의 로컬 캐시 방식은 나중에 Vercel같은 클라우드 서버에 올리면 작동하지 않을터회원가입을 당장 하진 않더라도 사주명식 자체가 고유한 키가 되기때문에DB를 연결하는 것이 서비스의 신뢰도와 API비용절감을 위해도 좋을거라 생각했다. 무료티어가 가장 넉넉한 Supabase(PostgreSQL)을 기준으로 설계하기로 함깃허브로 로그인하는데 문제 생김..

사주 AI 웹서비스 제작노트 -2사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이유첫 AI웹서비스를 사주로 선택한건 사주 자체에 관심이 많아서도 맞는데 포스텔러나, 점신같은곳 또한 무료로 토정uiweb.tistory.com 이번 제작노트는 UI디자인 수정 과정이다. 사주 분석 후 뿌려지는 텍스트들을 좀 더 가독성 있게 디자인하기 위해 어찌할까 고민하는 중ai가 찐망고라고 노랑색 추천해 줌 너무 구리..ㅁ 사주를 분석하고 나면 결과가 하나의 텍스트 형태로 전체 출력되기 때문에 일반적인 방식처럼 구조를 직접 짜고 CSS를 적용하기가 어렵다.이 문제를 해결하기 위해 Markdown을 활용했다. React에서 Markdown을 렌더링 하려면 Markdown문법을 React..

사주 AI 웹서비스 제작노트 - 1사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이유첫 AI웹서비스를 사주로 선택한건 사주 자체에 관심이 많아서도 맞는데 포스텔러나, 점신같은곳 또한 무료로 토정비결을 보는 웹서비스 그리고uiweb.tistory.com 아무도 보지않겠지만 써보는 두번째 제작노트 사주용어를 몰라도 이해하기 쉽게 만들기 위한 프롬프트를 수정중이다 한번이라도 철학관을 가본 사람은 알 텐데본인이 신약인지, 신강인지 파악이 끝나면 계절이나 기후도 보고 밸런스도 보고 나면 작동 가능한 용신이 도출된다 여기서 말하는 용신은 단순히 좋은 요소가 아니라내가 제대로 작동할 수 있게 만드는 조건에 가깝다.반대로 기신은 나를 자꾸 꼬이게 만들거나 힘을 못 쓰게 만드는 요소라고 보면 된다.이게 꼭 사람이 ..