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

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

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

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

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

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

사주 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 아무도 보지않겠지만 써보는 두번째 제작노트 사주용어를 몰라도 이해하기 쉽게 만들기 위한 프롬프트를 수정중이다 한번이라도 철학관을 가본 사람은 알 텐데본인이 신약인지, 신강인지 파악이 끝나면 계절이나 기후도 보고 밸런스도 보고 나면 작동 가능한 용신이 도출된다 여기서 말하는 용신은 단순히 좋은 요소가 아니라내가 제대로 작동할 수 있게 만드는 조건에 가깝다.반대로 기신은 나를 자꾸 꼬이게 만들거나 힘을 못 쓰게 만드는 요소라고 보면 된다.이게 꼭 사람이 ..

사주 AI 웹서비스를 첫 API 프로젝트로 시작한 이유첫 AI웹서비스를 사주로 선택한건 사주 자체에 관심이 많아서도 맞는데 포스텔러나, 점신같은곳 또한 무료로 토정비결을 보는 웹서비스 그리고 몇번 가던 철학관 모두 포함하여 통일되지 않았uiweb.tistory.com 저번글에 이어서 추가로 써보는 제작노트 서버에 배포하기전에 홈화면을 조금 수정했다. 기존의 달력 UI는 모바일에서 날짜를 선택할 때 탭 오차가 잦고,80~90년대생 사용자가 본인의 생년을 찾으려면 스크롤을 한참 위로 올려야 하는 번거로움이 있었다.물론 숫자입력도 가능하긴 한데 그게 눈으로 바로 보이는게 아니라서이를 해결하기 위해 드롭다운과 직접입력, 휠 방식으로 변경하였다. 사주를 보고 싶어도 태어난 시를 몰라 이탈하는 사용자가 있을까봐 ..