클로드코드로 노션템플릿 제작 우당탕탕 도전기

지난번 노션 mcp와의 사투 후 2탄입니다.
사람살려! 전 입코딩을 꿈꿨는데 지시를 클로드코드가 내리고 있네요?


Notion MCP API는 View 생성/수정 기능을 지원하지 않는다

일단 안좋은 소식은 Notion MCP API는 View 생성/수정 기능을 지원하지 않는다는 점입니다.
Notion UI에서 직접 설정해주세요라는 말은 저보고 직접 하라는 말입니다.

클로드코드가 작업중인 노션 URL로 들어가서 시키는대로 수정합니다.
내가 생각한 그림은 이게 아닌데?
아무튼 시키는대로 수정을 하니까 새 보기 추가의 차트에서 문제가 생겼습니다.

Y축에 순자산 항목을 적용해야 하는데 수식 속성이라서 목록에 뜨지를 않습니다.
이거 어쩌나 이것저것 찾아보고 만져보고 하다보니 수식 편집으로 이건 숫자다 라고 말해주면 되더군요?
이 간단한걸 이렇게 오랜시간 헤메다니

toNumber()

기본기가 부족하게 티가 나네요.
도서관에서 빌린 노션 기본서 얼른 완독하고 반납해야겠다는 생각이 들었습니다.


Notion API/MCP에서 지원하지 않는 블록타입입니다

버튼 블록기능도 지원하지 않는다고 합니다.
클로드님의 지시에 따라 얼른 생성하고 검사맡아야합니다.
흑흑흑 이게 아닌데!

🏠 메인 대시보드 페이지 또는 월별 재무상태 DB 상단에서:

1. "/button" 입력
2. "Template button" 선택
3. 버튼 설정:
   - Button name: "➕ 새 월 추가"
   - Template 설정:
     - "Add a page to..." 클릭
     - "📅 월별 재무상태" DB 선택
     - Template 내용:
       - Title: 기본값 (사용자가 입력)
       - 상태: "작성중" 기본 선택
4. Close 클릭

친절하게도 방법까지 자세하게 설명해주시는 클로드님입니다.
기본기 부족러답게 버튼도 처음 생성해봅니다.
노션 기능이 참 훌륭하게 많은데 엑셀과 약간 다르다보니까 적응하기가 좀 어렵네요. 특히 수식!
항상 하는 말이지만은 뒤쳐지지 않으려면 배워야 합니다. 평생교육!

노션 초보자를 위한 원클릭 버튼 완성입니다!
그런데 레이아웃을 설정하면서 문제가 생겼어요.
저는 당연히 한줄에 3개 버튼이니까 열을 나눠서 추가하면 되는 줄 알았거든요?
더 쉬운 방법이 있었습니다.
그냥 버튼을 같은 줄로 드래그앤드롭을 하면 된다고 하는데, 파란 가로줄만 뜨고 파란 세로줄이 뜨지를 않는거에요?

드래그 위치 — 진짜 끝까지 밀어봤어?

많이들 여기서 막힘.

👉 버튼 “오른쪽 끝 바깥쪽”까지 밀어야 함
거의 이렇게 느낌으로:

[버튼1][버튼2]
        ↑
   이 끝까지 밀기

✔️ 버튼 위 X
✔️ 버튼 가운데 X
✔️ 버튼 오른쪽 바깥 여백까지 밀어

버튼을 덮는 느낌으로 가져가야 세로선 뜸.

악! 이걸 몰라서 몇 분을 헤멘건지! 이렇게 기본기 부족 매력발산 버전 2입니다.


Notion 기본 버튼 컬럼 간격 좀 못생김

버튼을 나란히 두니까 못생겼는데요?
챗 지피티한테 물어보니까 원래 좀 애매하게 못생겼다고 하네요?
그래서 이쁘게 보이게 만드는 실전 편법을 찾아봤습니다.

버튼 폭 맞추기 (제일 효과 큼)

버튼 텍스트 길이 다르면 간격 울퉁불퉁해 보임

컬럼 간격 직접 줄이기

컬럼 사이에 마우스 올리면 세로 구분선 잡아서 좌우로 조절 가능
버튼용은 거의 동일 폭으로 맞추는게 제일 깔끔함

프로들이 많이 쓰는 구조

버튼 바로 가로 안 둠.

/callout
[콜아웃]
 ├ 버튼 버튼 버튼

만들고 그 안에 버튼 가로 배치
배경 생겨서 간격 어색한 거 거의 안보임
대시보드 느낌 남

  • 배경이 간격을 숨겨줌
  • 버튼이 메뉴처럼 보임
  • SaaS 느낌 남
  • 판매용 템플릿 거의 이 구조

or

[구분선]
[버튼 버튼 버튼]
[구분선]

위아래 여백 주면 훨씬 안정적
블로그형 / 미니멀 대시보드에 최고

카드형 액션 구조

[콜아웃]
   📅 월별 재무
   월별 재무 상태 확인

[콜아웃]
   ➕ 새 월 추가
   새로운 기록 생성

[콜아웃]
   📘 사용 가이드
   사용 방법 보기

버튼만 덜렁 있으면 싸보이는데 설명 한 줄 넣으면 제품 느낌 확 올라감


디자인에 대한 고민도 많이 해봐야겠습니다.
얼른 초안 완성하고 고치고 싶은데 토큰이 또 바닥이 나 버렸습니다?
아.. 이거 아무래도 MCP 안쓰고 하는 것보다 오래 걸리는거 같은데???

댓글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다