메뉴파이 V3 QA 및 투두리스트

AI 개선과 테마(스타일) 개선은 출시 이후, 가로형 메뉴판 및 여러 기능들도

https://pudding.cool/2026/06/menu-story/

스타일 규칙 개편 계속 진행하기

에어 1세대 디버깅

PDF 저장시 배경색 저장안되는 버그.

브라우저 인쇄 PDF 저장은 여백이 A4와 안맞는 버그.

PNG 저장시도 배경색 및 마지막페이지가 처음페이지가 이상하게 나오는 버그.

9월 6일

! 메뉴표에서 크기 중간 이상하면 페이지 벗어나는 버그. 간격에 없음을 추가했으면 좋겠음. 여백도 없음 조금 많이 인데. 모든 블록들에 표준이 아닌거 같음. 이런 종류는 "없음, 작게, 중간, 크게" 로 통일하는게 좋을 듯. 그리고 속성을 눌러서 열었을때 속성 이름은 사라져서 조금 헷갈리는데 속성이름이 있는 아이콘도 유지해서 다시 누르면 닫히도록 하는게 좋을 듯.

특정 유저 디버그용 완전히 clear 하게 탈퇴시키는 스크립트 미리 디버그용으로 만들어둬

그리고 체크리스트에서 엔터눌러서 다음 체크박스 생성시킨뒤에 그냥 blur 해버리면 그 해당하는 체크 블럭은 사라지게 하는게 좋을듯. (그냥 본문 블록으로 변경)

https://v3.menupie.com/real-dosisool 에서 사진 아이템이 위, 아래, 맞추기, 자르기 속성이 안먹음

focus 되어서 툴바가 뜨면, 우측하단, topbar 모든 UI 를 숨김처리 해줘. blur 되면 다시 나오게.

멀티 선택후 오래 눌러서 드래그로 멀티 선택된거 move 할때 웹에서 마우스 커서 바꿔줘. 하나 선택후 움직이는거처럼 움켜쥔 손 모양으로.

웹에서 방향키 위 아래로 윗 블록, 아랫 블록을 포커스를 전환할 수 있었으면 좋겠다.

랜딩페이지에서 '지금 쓰이고 있어요' 의 스크린샷 카드가 높이가 통일이 안되어있는데, 통일해줘.

랜딩페이지에서 PWA 설치했을때 Favicon 이 앱 아이콘이 되지 않는 버그.

그리고 아이템표 꽉찬 종류 일때 좀 수정해야할듯. 여백도 없음으로 해서 꽉 찰수 있어야하고. 페이지 조판 여백도 없음이 존재해야 이미지를 페이지에 꽉차게 할 수 있음... 고민좀 해봐야겠군. 누부크 사장님이 혼란스러워 할 듯. 종류를 아예 아이템으로 내려서 속성을 부여하는 방법도 있음. 아 그러면 하나하나 해야되어서 힘들겠구나. 표 속성에서 하되, 아이템도 개별 수정 가능하게 하는게 좋겠군. 대신 지금 표 종류에 대한 디자인이 명확하지가 않아서. 좀 정리가 필요할 듯.

9월 5일

랜딩페이지에 "이런 기능이 있어요" 로 구분해서 기능들 단 나누지 않고 리스팅해주기

"체험도 프로도 되는 건 똑같아요. 다른 건 기간과 AI 티켓뿐." 이 문구 빼기

얼마예요 카드에는 7일 체험쪽엔 "신용카드 없이 시작"만 있고 프로쪽엔 "모든 기능" 이렇게.

그리고 체험 티어일때는 티켓 충전이 안되는건가? 그리고 티켓 이름도 "AI 티켓"에서 "티켓"으로 변경해줘

그리고 랜딩페이지에 얼마예요 섹션 아래 섹션에 실제 사용중인 메뉴판 중에 활발한거 3개만 스샷과 함께 링크 제공하기. "이런 테마가 있어요" 섹션과 동일한 코드 재활용해서 하면 됌.

그리고 하단에 이메일 옆에 흑백으로 인스타그램 아이콘 넣고 menupie.official 이라고 하고 링크로 https://www.instagram.com/menupie.official/ 넣어줘. 혹시 딥링크 가능하면 그렇게 해주고.

그리고 이런 기능이 있어요에 설명만 리스팅 되어있는데 "기능 이름 - 설명" 이렇게 해서 가독성좀 높혀줘

그리고 티켓 남은거 보여주고 충전해주는 섹션에 왜 바가 있는거야? 바 없애줘 아무 기능이 없는거 같은데.

그리고 페이지 여백 활성화 시키는 버튼에 마우스 커서올리면 grab 모양으로 바뀌는데 이거 어차피 move 안되니까 다시 바꿔줘.

스타일에서 여백 보면 상단으로만 생기던데 적절한 수치로 프론트엔드 디자인 스킬 활용해서 적당한 HIG 스킬 확인해서, 상단에만이 아니라 상하좌우에 적절한 값으로 프리셋 해서 사용하도록. 모든 블록들에.  각각 적절한 값이 있을거야. 크기도 각각 모든 블록에 적절한 값으로. 그리고 스타일에 bold 랑 이탤릭도 넣어줘.

조판중 뜨는거 화면 아래로 벗어남. fixed 확인해봐.

검색 UI 에서 클릭해서 그쪽으로 가는거 고장났다. 페이지모드일때랑 반응형 모두일때 모두 염두해서 작업해줘

그리고 input 상태에서 엔터누르면 페이지 맨 아래로 가는 버그 아직도 있는데 한번 확인해줘봐. 막 고치지 말고 원인부터 확인해봐.

그리고 Safari 와 Chrome 의 차이점이 존재함. Safari 에서 페이지의 여백이 제대로 안지켜지는 경우가 있고, 체크리스트에서 체크된 리스트는 체크박스가 살짝 아래로 내려가게 표시되는 버그가 있음. 그 외에도 버그가 더 있을거 같긴한데. 원인 파악해서. 다른 버그는 없는지 확인해봐.


점검

레거시 렌더링 잘 되는지 점검

레거시 -> 최신 변환 후 잘 렌더 되는지 확인

인쇄 잘 되는지, 조판 잘 되는지 확인

iOS12 호환 잘 되는지 점검

구독 및 결제 잘 되는지 확인

AI 프롬프트는 적절한지

나중에

(문서, 메뉴) 테마에서 모든 블록을 실제로 보여주는 페이지에서 그걸 템플릿으로 사용하기. (정렬 여백 등도 포함하여 디폴트로). 노션의 템플릿처럼.

AI 생성이 너무 오래 걸림. 따라서, 다른 행동해도 되게 중복 신청 못하게 막고, 다 되거나 에러가 나면 이메일로 알려주거나 하는 방법 있어야할 듯. 더 좋은 방법있으면 알려줘.

그리고 claude -p 으로 먼저 AI 돌리고, 토큰 모자르는 에러가 있을때 api 로 재시도 하고, 그것마저도 실패하면 에러인것으로.

시각장애인을 위해 접근성 구현. 그리고 그 부분 어필.

LLM 용 문서, API 제공 (SEO와 함께 SEO의 AI 버전 제공)

특정 단어 등에 bold 등 스타일 적용할 수 있는 기능 추가

(홈페이지용) 내비게이션 블록 넣어주기

(문서) 1, 2, 3, -, [], [ ], - [ ] 같은 리스트형 문법은 엔터하면 이어서 같은 문법으로 나오도록. 그리고 비운채로 엔터누르면 줄글텍스트로 돌아가고.

(문서) 모든 마크다운 기본 문법 호환하기

리팩토링 후보

PageView.svelte 4,142줄 — 툴바 마크업(버튼 54개·ctl 스니펫 ~500줄)과 도크 기계(포털·등장·클램프)를 Toolbar.svelte / ItemToolbar.svelte / dock.ts 로 분리. 상태(tb·ix·openFor) 얽힘이라 별도 세션

ThemeSheet.svelte — <style> 508줄을 theme-sheet.css 로 분리(기계적, 저위험)

[id]/+page.svelte 2,329줄 — 줄가드(2,750) 아래지만 계속 자람. 만질 때마다 추출

scripts/e2e 디렉토리 9파일 — 은퇴 상태 죽은 코드. 삭제(git 에 남음) 여부 결정

상단 여백 숫자 3벌 — --ui-top(크롬) / --v3-top(지면) / 페이저 52px+노치. 페이저 52 = 버튼 줄 높이라 --ui-top 파생으로 통일

유료 시스템 변경 (turg·살림 설계, 9/5 확정)

신규 = 가입 → 7일 체험(Pro 동일) + 잔고 10장 · 기존 = 출시일 + 37일 체험 + 잔고 10장 · 구독 = 주기 20장(이월 ✕) + 잔고(이월 ○) + 충전 · 미구독 = 읽기 전용, 게시 유지, owner 기준 · 방어 = 잔고는 편집 가능할 때만 소모, 가입 IP 하루 3회

① 판정 하나: 편집 가능 = 체험 중 or 구독 활성(owner 기준). 미구독 = 읽기 전용(보기·공유·QR·인쇄 ○, 편집·AI·새 메뉴 ✕). 협업자도 owner 기준.

② 티켓: 주기 20장(이월 ✕, cycle 컬럼) + 잔고(이월 ○) + 충전. 소모 순서 = 주기 → 잔고. 편집 가능할 때만 소모.

③ 신규 가입: 체험 7일 + 잔고 10장. 가입 IP 하루 3회 제한(막혔을 때 문구).

④ 기존 유저 이관(1회·멱등): 출시일 + 37일 체험 + 잔고 10장. 실사용자 5명 포함. — 스크립트 완료·스테이징 적용(9/5 기준 16명). 프로드는 출시일 정해지면 실행.

⑤ Polar 웹훅: 구독 갱신마다 주기 20장 리셋, 취소는 주기 끝까지 유지, 충전 팩 = 잔고.

⑥ 편집기 UI: 읽기 전용 배너 + [Pro 시작하기], 체험 D-3·D-0 토스트. /new 는 체험·구독 중 무제한, 만료면 Pro 카드(오늘 넣은 '무료 1개' 카드 대체).

⑦ 약관: 체험·자동갱신·주기 티켓 소멸·잔고 유효기간 5년·디지털 사용권 환불 불가.

⑧ 랜딩(메인) 가격·체험 문구.

⑨ Polar 대시보드 상품 문구 정리(쿠폰 불필요).

⑩ QA: 가입→체험→만료→읽기 전용→구독→주기 리셋→충전 흐름 유닛 + 스테이징 실측.

1. v3에서 히스토리가 먹지 않음.

2. 테마 되돌릴 수 있는 방법이 없음

1. 탭의 제목이 타이틀이 아니라 slug 이도록 하기. 타이틀을 신뢰할 수 없음.

2. 빈곳을 클릭해서 평문을 추가할때 마지막 평문이랑 합쳐지는 버그가 있음

3. 텍스트 관련 블록들. (타이틀, 소제목, 섹션 제목, 맺음말, 평문)을 특히 평문을 선택할 수 없는게 이상하고 (모두 선택 해제하면 평문이다) 상태로 관리하는게 맞다. 이런 비슷한 일이 전에도 있었는데 지켜지고있지 않음. 그리고 타이틀, 소제목, 섹션제목, 맺음말, 평문에서 맺음말은 삭제하고, (다른 테마에서도 그냥 평문으로 대체하면 됌) 각각 h1(타이틀), h2(소제목), h3(섹션제목), p(평문) 로 바꾸면 좋을듯. 그리고 평문이 갖는 공통적인 속성들을 다른 h1,h2,h3,p 가 모두 갖게해야함. 지금은 뭔가 하드코딩한것처럼 다 다름. 클래스 상속처럼 깔끔하게 작동히야함.

가이드를 메뉴 페이지를 작성해. 각각 블록에 대한 상세한 사용 방법 속성 등. 개발자 수준의 가이드를 제공하고, 각 테마별로 가이드를 확인할수 있게 /guide?theme=capsule 이런 식으로 주소를 제공. 이 페이지를 통해 QA도 할 수 있고 여러모로 쓸모있을 듯.

5. 저장 빈도가 너무 많아서, 히스토리가 넘침

6. 가로 취소선 기능을 모든 텍스트에 제공. 

모바일에서 텍스트 블록을 선택했는데 키보드가 안올라오고 caret도 안나올때가 있음. 툴바는 나오는걸 보니 포커스는 되는거 같은데. 확인하고 디버깅 필요.

블록속성, 아이템 속성 등도 개선이 필요하며 이는 QA후 별도 지시하겠음

툴바에서 작게, 중간, 크게 를 누르면 툴바도 같이 크기가 변하는데, 그렇게 되지 않게 해줘.

배경2 이름을 보조배경으로 변경

투두리스트 마크다운 추가 체크리스트. 마크다운 문법도 되게.

툴바에 트랜지션 넣어서 열리고 닫히고 뜨고 사라지고 하는거 애니메이션 적용해줘

테마 설정 UI 에서 글꼴 및 컬러를 좀 더 직관적으로 설정 할 수 있게, H1~H4 등등 해당하는 블록의 종류로 샘플을 보여주고 거기서 바로 글꼴과 컬러를 변경할 수 있게 하는게 좋을 듯 함

'자리별로 고르기...' 에서 우측에 컬러 pick 을 하면 h1~h4 까지 동시에 색이 바뀌는 버그가 있음

'글꼴 세트' 밑에 '색 세트' 위치해주고 그 밑에 있던 '배경 #ffff 보조 배경...' 부분에 해당하는 것도 샘플에 추가해서 글꼴과 색을 더 직관적으로 바꿀 수 있게 해줘

패딩부분 선택하면 focus blur 되게

아이템 그리드와 아이템 (2단으로) 도 샘플에 추가해줘 이미지까지는 필요 없음.

테마에서 테마 선택하는 부분 그룹으로 묶고 좌우 슬라이드로 확인해서 선택할 수 있게.

글꼴 세트, 색 세트도 각각 좌우로 슬라이드 할 수 있게

테마에서 아이템 2단으로 하지 말고 그냥, 아이템 이름이랑 가격 따로따로 설정할 수 있게.

그리고 '자리별로 고르기'에서 메뉴 이름쪽 그냥 딱 하나의 아이템만 하자 지금 4개인데 복잡하네 이름, 설명, 가격까지 넣고, 각각 고를 수 있게 하자.

드래그앤드롭으로 블록의 위치 옮길때 다중선택도 같이 발동하는 버그

/ 쳤을때 투두리스 등 누락된 블록 추가

가이드에서 현재 카테고리 '2번'부터 시작하는데 '1번'부터 시작하게 변경

마지막 줄글에서 엔터를 눌러서 새 줄글을 선택할때 input focus 풀리는 버그

툴바에 가이드처럼 모두 간단한 설명 텍스트로 추가해줘

툴바가 지금 검은색이라서 되게 답답한데, liquid glass 혹은 그 하위호환(iPad Air 1st 도 비슷하게 호환해야함)으로 폴백으로 호환하던지 상관없으니까 바꿔줘.

내 메뉴 리스트에 뜨는 메뉴의 위치를 드래그앤 드롭으로 변경할 수 있게 해줘

우상단의 블록 가이드는 지금 모달인데, 가이드 페이지로 이동하는 것으로 해줘. (이동하기 전 메뉴의 테마로)

모든 테마에 second bg color 도 적절하게 설정하고, UI 등에 사용할때 그룹으로 묶거나 할때 컬러가 튀는데, bg랑 bg2 를 적절하게 조합해서 해결해줘. bg3 까지는 필요없겠지?

다이너, 비스트로, 모던 테마는 삭제해줘. 해당 테마를 사용중인 페이지는 기본 테마로 fallback 해줘.

마크다운 문법중에 check? todo? 할때 한글자 쳐지고 그다음에 input 포커스를 잃어서 계속 못씀

테마 UI 에서 저장 버튼 누르면 바로 저장 되는게 아니라 몇 초 있다가 되는 버그

모바일에서 체크박스 클릭 안되는 버그

모바일에서 포커스 상태에서 스크롤하면(터치스와이프스크롤) 툴바가 없어지는 버그

컨텐츠 양쪽 패딩 클릭은 자동 텍스트 생성 안하게

인쇄/PDF 하면 마지막 빈 한장이 있는데 이거 맞아? 확인해서 문제가 있다면 디버깅해줘

태블릿, 모바일 보기 모드일때 PDF/인쇄 조판 깨짐

메뉴 파비콘 바꿨는데 PWA 권유하는 UI에는 적응안되는 버그

페이지 move 가 안되는데 핸들이 있는게 말이 안되기 때문에, 페이지 좌상단에 핸들 아이콘 대신 다른 아이콘으로 변경

번역 사용 후, 보기 모드 변경시 특히 페이지모드에서 태블릿 모드로 갈때 번역이 풀리는 버그가 있음

표지 블록 삭제

제목, 부제, 카테고리, 본문 블록 추가 위치를 정리해줘 떨어져있고 H1~H3, P 로 아이콘 변경해주고

테마 버튼 컨텍스트 메뉴 안쪽에 있으니까 밖에 있는건 제거해줘. 가이드 버튼도. 컨텍스트 메뉴 안쪽으로 넣어줘.

이미지 블록도 아이템 이미지처럼 옵션 동일하게 공유해서 사용하도록 클래스 상속처럼 해줘

조판중이거나 번역중이거나 할때 가능하다면 ㅇㅇ중 이라는 표시를 해줘야할 듯. 멈춘건지 뭔지 모르겠어. 참고로 내 메뉴에서 다른 메뉴갈때도 멈춘건지 로딩중인지 모르겠는게 있음.

아이템 표에 간격 속성도 넣어줘 (gap)

모바일, 태블릿 모드에서는 페이지 ... <- 여백설정하는거 툴바 버튼 없도록

이미지에 재등록, 삭제 버튼 삭제하고, 그냥 블록을 삭제하면 이미지도 스토리지에서 삭제되도록. 재 등록하려면 블록을 삭제후에 다시 등록하도록. 하기.

이미지 재등록 없게 하는거 사진 아이템도 동일하게

안흐린것은 이정도 색깔

이미지 블록은 추가시에 이미지 선택해서 바로 등록되게 하기. 여백에 [이미지] 이 블록은 보일 일이 없도록. 

이미지 블록의 속성 크기에서 크게 빼고는 배너처럼 가로로만 긴데 이거 합리적으로 수정해줘

블록 툴바에서 열린 속성 누르면 자동으로 닫히는데, 계속 열려있게 해주고. 아이템 그리드? 메뉴 표? 에서 툴바에서 속성 조정하면 툴바가 사라져서 다시 클릭하고 또 하고 해야하는 번거로움이 있는데 이거 디버깅해줘

은은하게 속성 토글하면 툴바가 사라짐

페이지 모드에서 은은하게 속성 토글하면 조판때문에 번쩍이는데 조판 결과 기다렸다가 반영하면 번쩍이지 않을거 같음.

은은하게를 좀 더 은은하게 해줘

페이지 모드에서 각 페이지 하단인데 페이지 나누기가 아래에 있으면 그 사이 빈공간 클릭했을때 줄글 블록 추가해주기 (당연히 양옆 패딩 누르면 제외. blur)

태블릿, 모바일 모드에서 체크박스 위치가 살짝 아래고, 체크됐을때의 체크 위치가 중앙에서 살짝 아래임.

이미지가 페이지를 꽉 채웠을때 툴바가 페이지를 벗어나서 보이지않는 버그 -> 툴바 위치로 해결? -> [] (전반) 툴바 위치가 좀 거슬리는데 혹시 적당한 위치에 고정하는건 어떨지 -> [] 한번 누르면 포커스, 한번 더 누르면 input 으로 하면. 포커스됐을때 하단에 플로팅 툴바 보이고, 입력할때는 사실상 툴바 사용안하니까. 해결되나?

검색기능이 모든 텍스트를 검색해서 가게하도록 해야함. 그리고 검색 모달 인풋 UI 옆에 모두 지우는 버튼 추가하고.

사파리 모바일에서 포커스되면 키보드가 튀어나오면서 fixed 되어있던 아이콘들이 화면보다 더 위에있거나 그러는 버그가 있는데, 확인좀

모바일 뷰에서 양옆 패딩이 너무 넓은거 같은데 확인해서 조절좀.

이미지 블록이 혼자 있을때 페이지의 중간을 차지하는데. 이게 정확히 로고블록이 아니고 그냥 이미지 블록이라는걸 인지해야해. 로고 블록은 존재하지 않고, 필요하지도 않아. 그냥 빈 줄글 줄 몇개 넣은다음 이미지 블록넣어서 페이지 중간에 위치하게 하면 되는거야. 그러니까 딱 블록 시작부분 부터 특정 크기 만큼만 차지하는 블록이어야지, 페이지를 다 차지하는 블록인 것은 말도 안되니까 이부분 수정해줘.

A4 양쪽에 margin 줄이기. A4 페이지 가 떠 있는 형태는 좋은데 padding, margin 합치면 너무 많음. padding 은 줄이면 안되고, margin 만 줄여줘.

여전히 HTML 에서 caret 이 중간에 안들어감. 무조건 맨뒤.

아이템에 설명이 있어도 설명 버튼을 눌렀을때 설명 토글 off 면 off 되기.

페이지 나누기 바로 아래로 핸들잡아서 블록 이동시키면 페이지 나누기 위로 이동하는 버그

표에 아이템 추가했을때 placeholder 가 바로 안보임

태블릿에서 페이지 모드로 볼때 마진이 여전히 큼. 더 좁혀줘.

그리고 설명부분이 폰트가 제일 작은거 같은데 모바일 모드에서 최소 폰트를 확인해서 그게 가독성 되는 최소 사이즈기준으로 해야할 듯

모바일에서 봤을때, 태블릿도, 일단 그냥 폰트가 너무 작음.

툴바에서 기본 사용에 관련된것만 노출해주고, 만약 스타일관련된게 필요하다면 툴바 끝에 확장 버튼을 추가해서 이거 누르면, 앞으로 툴바들 계속 확장되어서 나오게.

툴바 설명, 전체적인 크기가 너~무 작아. 기본 최소 폰트 크기를 좀 더 크게. 

저장됨이 툴바랑 겹쳐서 잘 안보임

검색 후 자동 이동 하면 조판 깨짐, 여전히, 여전히. (3번째임). 걍 view goto 하는건데 왜 조판이 변경되는거야?

툴바에서 꾸미기 부분도 누르면 버튼 그룹 열리도록. 앞에 뜬금없이 생기지 말고 transition 해서. 자연스럽게.

리스트형 마크다운에서 내용없이 엔터로 넘어가면 빈 줄글 블록으로 변하게.

로그인하면 /new 로 가는 버그가 있음 -> 마지막으로 편집하던 페이지 /slug 로 가야할 듯

undo, redo?, 버튼이 없음.

글 블록 처음에 터치한 부분에 카렛이 생겨야하는데 첫 터치엔 항상 맨 뒤에 카렛이 위치하는거 디버그

메인화면 AI 느낌 벗기. 

CTA call to action 이 우측 상단쪽으로 통일

내 메뉴에서 눌렀을때 반응 느리면 멈춘건지 헷갈림. 스피너라도 뭐라도 있어야함. 그리고 cmd 클릭등을 통해서 새 탭에서 열기도 안됌. a href 표준적인 액션을 해야할 듯

체크리스트 등에서 shift+enter 로 줄바꿈은 그냥 줄바꿈으로만 작동하도록. 리스트 앞에꺼 prefix 안해주고. 이해되지?

번역 설정은 메뉴 설정 안쪽으로 넣어주고

번역 설정을 메뉴 설정에서 바로 할 수 있게 UI 통일성 맞춰서 작업하세요. 메뉴 설정에서 또 번역 설정으로 들어가는 형태 말고. 메뉴 설정 UI 에서 바로. UI 통일성 서비스 전체 맞추고.

메뉴 설정안에 있는 직원 관리는 권한 관리로 바꾼 뒤 컨텍스트 메뉴로 빼줘. 그리고 사장 매니저 직원 이런 이름 대신 정확한 권한 이름으로 쓰자. 소유자, 관리자, 편집자. 이렇게하고 각 권한의 범위를 알려주고.

전환 누르면 옆으로 열리는거 말고 '/' 눌렀을때 처럼 블록 리스트 나오게.

조판중인 과정일때는 화면을 안보이게 해서 뒤죽박죽인 상태를 안보이게 하기

멀티선택 후 복사했을때 마크다운 형태로 잘 복사 되게. 메뉴 표도 표 양식으로

최종 QA 용 체크리스트 만들어야될 듯 특히 레거시 관련과 iOS 12 관련

AI로 메뉴판 사진으로 만들어주는기능을 기본 기능으로. 템플릿선택해서 만드는건 부수적.

그리고 툴바에 추가 버튼을 누르면 일단 먼저 줄글 블록 생기고 그다음에 블록 종류 변경가능하게

단 블록 추가. 단 블록은 최대 4단까지 가능하고, 단 블록 안에 블록을 넣을 수 있음.

네비게이션 바 블록. 문서를 홈페이지 처럼 쓸 수 있음.

간격 블록. 페이지 모드에서의 간격을 조정할 수 있고, 디바이스(반응형: 태블릿, 모바일) 모드에서는 생략됌.

블록 삭제했을때 4초 정도 조판이 징그럽게 변함.

또한 이쪽 컨텍스트 메뉴쪽에 클릭해서 열리는 UI 들이 CSS 표준 안따라서 막 파란색 하드코딩된 컬러도 쓰고, h1~h4, p 테마에 설정 된 CSS 안따르는게 발견된다. 전부 수정하도록.

테마 설정에서 내 테마 부분의 CSS가 표준을 따르지 않아서 배경이 이상하게 나옴

테마 UI 에서 [실행 취소] [닫기] [X] 로 닫기가 중복이다. 또한 높이가 제각각임

자동생성된 메뉴판 아이템 표가 제대로 전체가 그룹화 되어있지 않고, 2개씩 끊어서 되어있다.

HTML 블록이 컨테이너(페이지)를 벗어나는 버그(특히 모바일 부분 확인)

페이지 나누기였나? 블록이 없어진것 같음. 다시 추가해줘.

그리고 툴바에서 '추가' 버튼 누르면 본문 블록 생성되면서 자동으로 '변환' 이 열려서 다른걸로 바꿀 수 있도록 해줘.

가이드 최신화

이미지 블록에는 AI 로 이미지 생성하는 것도 추가하도록. 당연히 PRO 기능이고 몇 티켓 필요한지는 한번 프로기능들 쫙 모아놓고 얼마로 할지 계산좀 해줘. 그리고 티켓값의 경우는 AI 시장에 따라 변동폭과 속도가 빠르게 조정되기도 할 테니까. 관련되어서 약관이나 이런부분도 문제 없게 부탁하고.

바깥 클릭해도 blur 안되는 버그

가로선 블록 추가. 여백을 3단계로 하고, 추가로 minus margin 을 통해 위쪽으로 붙는 정도로 3단계 정도로. 그리고 가로선 굵기, 모양, 색상 등을 꾸미기에 넣어줘.

이미지 넣는 액션시트가 전체화면 기준으로 하단에 나오는게 아니라, 페이지 뷰 일때 페이지 기준으로 하단에 나와서 말도 안되게 UI가 짤려버리는 버그가 있음.

그리고 이미지 AI 수정 버튼도 있어야할 듯.

그리고 AI 이미지 jpg 여서 투명한 배경이 안되는 버그.

이미지 관련버튼 업로드, 생성, 수정 -> 이거 액션시트로 따로 빼지말고, 툴바에 버튼 넣자.

첫 메뉴의 경우에는 처음에 사진 및 파일 3개 까지는 허용시켜줘야할 듯. 이게 마케팅이자 락인 비용. 그리고 다음 스텝인 테마선택하기에서도 티켓사용해서 테마 자동으로 생성해주는것도 하나 테마처럼 추가해야할듯.

그리고 AI 로 테마 생성했는데, 테마 하나를 고르고 시작하게 되던데, 에러인가 의도인가.

레거시에 최신 버전으로 업그레이드 등의 지시사항이나 버튼 이나 그런 기능이 없는데, 어떤 식으로 진행되는지?

체크리스트에서 엔터눌러서 다음 체크만들었을때 blur 되어서 계속 입력 불가능한 버그(다음 블록이 페이지 나누기일때만)

체크리스트를 백스페이스 눌러서 하나씩 지우면 다 지우게 되면 스크린샷처럼 블록이 2줄로 되는 버그

shift+enter 로 줄 바꿈한 부분에 '텍스트를 입력해주세요' placeholder 가 표시되는 버그

테마 변경 후 우측 하단 버튼 그룹 사라지는 버그

상단 탑 바의 배경이 transparent 가 아님. 하드 코딩 되어있나? 하드 코딩 하지 말라고 했는데?

signed list 에서 중간에 들어갈때 숫자 reorder 안되는 버그.

줄바꿈이 있는 텍스트를 붙여넣기 할때 줄바꿈이 전부 무시되는 버그

도시술 처럼 메뉴가 많으면 조판이 너무 오래걸리는데 솔루션이 있나?

텍스트 크기의 단위 기준이 현재 뭐야? 아이폰 12 미니 에서는 모바일뷰에서 폰트 크기가 적당한데 아이폰 17에서 엄청 작아서 보기 힘들정도인거 보면, 해상도 차이인거 같은데 이걸 해결해야 할 듯.

아이템 표가 페이지가 넘어가면 선택됐을때 outline 이 안보이는 버그. 페이지 모드에서만 그런다.

간헐적으로 페이지 세로보기 일때 조판이 되지 않을때가 있음. 한장만 있을때가 있음. 혹시 문제가 발견되는지 검사만 좀 해봐. 미니멀 원칙 따라서 덕지덕지 넣지 말고.

메뉴표 선택하면 outline이 2겹인 버그

사용법 보기 누르면... 가이드로 가긴하는데, 가이드 가독성이 제로임

요가 갔다 왔다. 하나씩 해보자. AI 부분은. 일단 todo 에 노티한 내용과, 현재 /new 로 만드는 과정중에 AI 부분이 매끄럽지 못한 점. AI 사용해서 전체 데이터 편집, 이미지 편집, 이미지 생성, 텍스트 생성 등이 매끄럽지 못한 점을 자연스러운 UX 로 해야 할거 같고. 이게 경쟁력이고 핵심이고, 프롬프트가 잘 나오면 이게 락인 효과이며 사람들이 티켓을 구매하는 수익원일듯 하다.

다음으로는 레거시 유저들의 자연스러운 전환은, 전환과 롤백이 자유롭기만 하다면 현재 문제 없을거 같지만, v3의 사용 방법이 많이 달라졌기 때문에 이를 자연스러운 UX로 습득시키고 알려주는 과정이 필수로 생각된다. 그리고 표에서 아이템 편집할때 툴바의 버튼이 너무 많아서 화면이 가려지는 문제는 확실히 해결해야한다. 또한 상단 여백(패딩혹은 마진)과 상단 안전 영역이 중복되어서 공간을 낭비하는 경우가 많이 있다. 이를 정확히 판단해서 분기하는 것이 필요하다.

이 이슈들은 재현하고 눈으로 보는 것보다. (이건 AI가 너무 못하는 분야다) 코드로 논리적으로 접근하여 검증하는 것이 더욱 빠르고 신뢰도가 높다.

그리고 드래그로 블록 옮기기 할때 정확한 위치 표시가 잘 안됌. 가로선으로 표시가 실제보다 아래쪽으로 되는 경향이 있음. 위쪽이어야함.

이미지 붙여넣기로 바로 이미지 넣기

QR 블럭 추가(현재 메뉴 링크, 외부 링크 등), 하단에 설명 문구 placeholder.

멀티 선택 툴바에서 삭제만 있는데 복사도 추가해줘

QR

QR의 크기 - 대중소가 생각보다 다이나믹하게 변화하지 않음. 소는 정말 작게. 중은 진짜 보통 쓰임처럼. 대는 크게. 이렇게 가야함. 다른 블록들도 크기 설정이 있는것들 확인해줘.

러버밴드 자동 스크롤 — 드래그 중 화면 위/아래 가장자리에 닿으면 스크롤되면서 3·4페이지 이상도 한 번에 멀티 선택(지금은 화면 안 2페이지까지). 블록 드래그의 엣지 오토스크롤(interactions autoScroll) 재사용 + 스크롤 중 밴드 원점 보정.

반응형일때 멀티 선택을 위해서 드래그할때 시작 point position 이 실제보다 조금더 왼쪽 위로 나오는 버그가 있음.

메뉴판 생성에서 프로아니면 프로아니라서 더 못한다도 나오게 구독 유도하는 방향으로

메뉴판 삭제 쪽 UI 색깔이 규칙 안따르고 있음 모든 상수 컬러 값들 삭제하고 공통된 디자인으로 좀 해줘

메뉴표에서 메뉴추가 사진추가 따로 인데, 메뉴추가로 통합하기.

아이템(사진)항목이 메뉴표 내에서 드래그앤드롭으로 이동 안되는 버그. 똑같은 아이템(메뉴) 상속일텐데 왜 이런 버그가 일어나는지? 통합 제대로 해서 디버깅.

쥬키프 자동 맞춤 테마에서 CSS 컬러 제대로 안됌. 특히 폰트등이 흰색으로 나와서 말이 안됌.

파티나 자동 맞춤 테마에서도 보조배경이 흰색으로 나오는 버그가 있음.

블록 텍스트 없는 뒤쪽 눌렀을때 텍스트에 caret 안생기는 focus 안되는 버그 발견. 없던건데 왜 생긴거지?

유료 시스템 변경

신규: 가입 → 7일 체험(Pro 동일) + 잔고 10장

기존: 출시일 → 7일 체험 + 첫 달 100% 쿠폰

구독: 결제주기당 20장(이월 ✕) + 잔고(이월 ○) + 언제든 충전

미구독: 읽기 전용, 게시 유지, owner 기준

방어: 잔고는 편집 가능할 때만 소모 · 가입 IP 하루 3회

살림이가 올린 커밋 4개 확인해서 선 보고 후 반영

토마토
토마토
3,
카발란
카발란
45,
메뉴
메뉴
3,3

줄글들 테스트용

H!

H2

H3

P

다음 블록