Cravo 런칭준비 작업목록
기능
새 사이트 만들기 에서 페이지 하나도 없는 APi 로 하고 다시 할 방법이 없음
Online 에서 Offline 으로 바꾸었을 때, fail to update 문제 해결 필요
Paddle 결제 붙이기 (상)
API만 꽂으면 딸깍으로 cravo 에 템플릿으로 사이트 만들기 기능(상)
블로그 탬플릿
언오더드 리스트 구현(상)
오더드 리스트 구현(상)
토글 리스트 구현(상)
현재 globals.css 단일 파일 폴더 디자인시스템 폴더 구조대로 분리하고, 각 디자인 시스템 폴더마다 마크다운 설명 페이지 넣기 (상)
디자인 시스템 가이드 문서로 claude agent skill 강화, antigravity agent 강화
기본 페이지 컴포넌트(상)
절대 프리뷰 까불지 말 것
사이트 세팅에서 사이트 로고설정 기능 추가 (craft 처럼 아이콘 + 색상 , imoji 제공) (상)
리스트 스타일 페이지 컴포넌트 페이지 제목 앞대가리 달려있음
시프트엔터 지원(중)
시
프
트
엔
터
시
프
트
엔
터
유미 UT
사이트 생성시 Input placeholder 색이 너무 강해서 값이 있는거로 보임 , + 너무 플레이스홀더가 진짜같아서 더 햇갈림
최초 사이트 생성하자마자 Auto Sync 시켜주자, 프리뷰 바로 보이게
첫 사이트 생성 시 튜토리얼처럼 진짜 쉽게 가이드해주자(중)
네비게이션 타입 변경 클릭 영역 텍스트 영역까지 확장
Add New Page 에서 스크롤 안됨
페이지 설정쪽에서 페이지 클릭하면 무슨일 일어나길 기대함
페이지 디테일로 들어가게하고, 거기서 페이지 라우트로 바로 이동하기도 해주자
페이지만 추가하고 바로 프리뷰 누름 유미가. - 페이지 설정 → 메뉴 설정 따로인거 어렵나?
빈페이지에 가운데 + 처럼 보이는거 두지말자 누르고 싶어함
Icon Optional input 없애버리기
Preview 에서는 컨텐츠 Sync 안해도 Craft 에서 가져다가 바로 볼 수 있게 (하)
주소창에 복사버튼 놓자
모바일에서 전반적으로 세로 부동산 아껴쓰기, View Site
Live 랑 Paused 두개만 두자 Draft 헷갈려함
페이지 블럭 누르면 craft 열리도록
네비게이션 메뉴 직관적으로 잘 이해 안됨, (그리고 모바일에서 드래그할라고 할 때, 텍스트 드래그되어려서 DnD 안됨)
새로운 페이지를 선택하면 싱크자동으로 한번 백그라운드에서 돌려줘야할듯
인용 Wrapper 만들기, 인용Wrapper 는 리스트보다 앞쪽에 표기되어야함.
indent는 인용 가이드 라인 + gap + 폰트하나 width 가 1 indent width 와 같도록, 인용 가이드 라인의 색은 block 뎅이터의 color 값을 따른다. color 가 같은 연속된 인용 라인은 가이드 달라 붙고, 색이 바뀌면 끊어진다.
indent는 인용 가이드 라인 + gap + 폰트하나 width 가 1 indent width 와 같도록, 인용 가이드 라인의 색은 block 뎅이터의 color 값을 따른다. color 가 같은 연속된 인용 라인은 가이드 달라 붙고, 색이 바뀌면 끊어진다.
연결된 인용
색이바뀌어서 구분된 인용
이렇게
브래드크럼브 네비게이션 디자인 변경 - Antigravity와 함께면(상)
브래드크럼브를 기본 네비게이션으로 하자 - 어차피 처음 만들면 원페이지니까
cravo 홈페이지와 app route 분리. cravo.life << 홈페이지, app.cravo.life, blog.cravo.life (상)
cravo 메인 도메인과 site 도메인 분리(별도 구매)
사이트 브랜드 칼라 설정 기능(하)
블로그 컨텐츠 표시 방식 디자인 개선(중)
사용자 가이드 기능(중)
embeded 링크block id 기준으로 탐색가능하면 링크 걸어주기, 아니면 안된다고 알려주기(중)
[Page Layout] 좁은 페이지 이렇게
[Page Layout] 좁은 페이지 이렇게
코드블록블록(중)
표 블록(중)
Inline 수식 블록(하)
Standalone 수식 블록(하)
로고 너무 복잡함 단순 버전으로(하)
main 브랜치 보호 기능 적용(하)
해외 사용자 구독 결제 받는 법 조사(하)
로컬라이즈 적용(중)
시프트엔터 줄바꿈을 보십숑!
시프트엔터 줄바꿈을 보십숑!
네비게이션 아이템 실시간 수정 반영대신 클라이언트에서 상태로 들고 있다가 저장누르면 반영되도록, 대시보드 하위 설정페에지들에서 공통적으로 쓸수 있는 설정 저장, 취소 액션바 컴포넌트를 만들어서 적용하는 방식으로 어때? 왜냐면 드래그앤드롭 으로 위치 이동등이 많은데 그때마다 리로드돠서 경험이 안좋아. pc 모바일 고려해서 최적의 ux를 위한 위치에 나타나고 사라지게 하자. 설정 중 이탈 하려고하면 이 액션바가 부르르떨면서 택스트 늘어나서 저장하고 이동할지, 변경사항 버리고 이동할지 계속 수정할지 물어보는 버튼구성으로 자연스럽게 바뀌면 어때? 이건 그냥 경험적으로 컨펌모달 한번 더 뜨는거보다 좋을거 같아서 물어본거야
로고
네비게이션 리스트 기능 제공
다크,라이트,시스템 토글 제공
체크박스 아이콘 변경 - 악센트 칼라 적용, 모양 방식 크래프트처럼, 근데 블록래밸 하이라이트 있으면 색상 바뀌어버려야함
실패.. 이건 API 로 데이터 패치해봐야 알듯
카드 컴포넌트 구현(안에 프리뷰는 생략)
프리뷰는 망했음, 이건 다른 무언가를 고민하자.
페이지 배경 색 다른 문제 해결
카드 컴포먼트 카드 타입 사이즈에 따라 사이즈 및 레이아웃 배치 크래프트 처럼
페이지 세퍼래이터 있을때 레이아웃 표현 반영 - 근본적으로 세퍼레이터 없어도 완전 겹쳐있어도 background컨테이너 위에 paper 컨테이너가있어야 이런 스타일 적용이 되겠네
다크모드 페이지 배경색 craft랑 일치 시키기
하이라이트 넓히고, 둥글게 표현하기
페이지 디바이더 올바르게 동작하도록
이미지 블록
레이아웃 시프트 안생기게
체크박스 개선
이렇게
체크된거 기본적으로 포인트 칼라(브랜드칼라, 악센트칼라) 적용됨
이미지는 천천히 로딩되어도 자리는 잡아주자구
버그
운영계에서 서브페이지 sites가 붙어버리는 버그
모바일 프리뷰에서 가끔 스크롤하면 프리뷰말고 뒤에가 스크롤 먹음, 항상그러는건 아니고 원인도 잘 모르갰어
브래드크럼브 서브페이지 슬러그 utf-8렌더링 올바르게 안됨
헤더 텍스트 길 때 가로스크롤 생김. 줄바꿈돠어야함
Settings에 아직도 craft.pub으로 나옴 이것도 환경변수로 하자 하드코드 다 없애고
운영계 내비게이션 고장 메뉴 하나도 안나옴
고민
근데 만약에 크래프트가 업데이트되어서 블록 응답 구조가 바뀌었을 때, 우리의 모단 사이트가 터지면 안되자나 어카지? 싱크 실패하먄 되는거 아녀?