노션 할일관리 조건부 색상, 하위 할일까지 반영하는 3단계 세팅법

노션에서 하위 할일이 다 끝났는지를 상위 항목 색으로 보여주려면, ‘하위 항목’ 기능을 켜고 → 하위 개수를 세는 수식을 만들고 → style 함수로 색을 입히는 3단계면 됩니다.

상위 할일 하나에 세부 작업이 여러 개 달려 있을 때, 매번 토글을 열어 봐야 진행 상황을 알 수 있다면 관리가 오래 못 갑니다. 목록만 봐도 “이건 끝, 이건 손도 안 댐”이 색으로 구분되게 만드는 방법을 정리했습니다.

1단계 — 하위 항목 기능부터 켜기

수식보다 먼저 할 일은 데이터베이스에 상하 구조를 만드는 것입니다. 노션 공식 도움말 기준 경로는 이렇습니다.

데이터베이스 설정 메뉴 → 더 많은 설정 → 하위 항목 → 하위 항목 켜기.

켜고 나면 뷰 종류에 따라 보이는 방식이 달라집니다.

뷰 종류	하위 항목 표시 방식	필터 범위
표·리스트·타임라인	토글 안에 중첩 / 펼친 목록	상위만, 상위와 하위, 하위만
보드·캘린더·갤러리	카드 속성 / 펼친 목록	상위만

보드에서는 하위 항목을 따로 걸러 보기 어렵기 때문에, 진행 상태를 한눈에 보려면 결국 상위 항목 쪽에 요약 표시가 필요합니다. 색상 수식이 필요한 이유가 여기 있습니다.

2단계 — 하위 할일 개수를 세는 수식

하위 항목은 수식에서 목록처럼 다룰 수 있습니다. 하위 데이터베이스에 완료라는 체크박스가 있다고 가정하면 계산은 두 줄이면 끝납니다.

전체 하위 개수는 이렇게 셉니다.

prop("하위 항목").length()

완료된 하위 개수는 조건을 걸어 셉니다.

prop("하위 항목").filter(current.prop("완료")).length()

filter는 조건에 맞는 것만 남기고, length는 그 개수를 셉니다. 완료 표시를 체크박스가 아니라 상태(Status) 속성으로 쓴다면 조건을 current.prop("상태").name == "완료" 형태로 바꾸면 됩니다.

3단계 — style 함수로 색 입히기

노션 수식의 style()은 글자에 굵기와 색, 배경색을 입히는 함수입니다. 공식 도움말 기준으로 인자 순서는 상관없고, 텍스트 색과 배경색은 각각 하나씩만 적용됩니다.

인자	의미
"b" "i" "u" "s" "c"	굵게·기울임·밑줄·취소선·코드
"green" "orange" "red" 등	글자 색 (gray, brown, orange, yellow, green, blue, purple, pink, red)
"green_background" 등	배경색 (색상명 + _background)

위 두 계산을 합쳐 상위 항목에 붙일 수식은 이렇게 됩니다.

let(total, prop("하위 항목").length(),
let(done, prop("하위 항목").filter(current.prop("완료")).length(),
if(total == 0, style("하위 없음", "gray"),
if(done == total, style("완료 " + format(done) + "/" + format(total), "b", "green", "green_background"),
if(done == 0, style("대기 " + format(done) + "/" + format(total), "b", "red", "red_background"),
style("진행 " + format(done) + "/" + format(total), "b", "orange", "orange_background")
)))))

let은 계산값에 이름을 붙여 두는 문법이라 같은 식을 두 번 쓰지 않아도 됩니다. 속성 이름(하위 항목, 완료)은 본인 데이터베이스에 적힌 이름과 글자 하나까지 같아야 작동합니다.

흔히 막히는 지점

• 숫자를 그냥 문자열에 더한다 — "완료 " + done처럼 쓰면 오류가 납니다. 숫자는 format()으로 감싸 문자열로 바꿔야 합니다.
• 속성 이름 오타·띄어쓰기 — 한글 속성명은 공백 하나 차이로도 인식되지 않습니다. 수식 편집기에서 속성을 직접 클릭해 넣는 편이 안전합니다.
• 색상 수식으로 보드 열을 나누려 한다 — 보드 그룹화는 선택·다중 선택·상태·사람·관계형 같은 속성을 기준으로 하며, 수식 속성 그룹화는 지원되지 않는 것으로 알려져 있습니다. 색상은 표시용, 분류는 상태 속성용으로 역할을 나누세요.
• 상위를 지우면 하위도 사라진다 — 공식 도움말은 하위 항목이 있는 항목을 삭제하면 하위 항목도 함께 삭제된다고 안내합니다. 정리 전에 옮겨 둘지 먼저 판단하세요.
• 닫는 괄호 개수 — if가 세 번 겹치고 let이 두 개면 끝에 괄호가 다섯 개 필요합니다. 오류 메시지 대부분이 여기서 나옵니다.

노션 수식 함수는 업데이트로 문법이 바뀌거나 추가되는 경우가 있으니, 오류가 계속 잡히지 않으면 노션 공식 도움말의 수식 구문 문서에서 최신 표기를 확인하는 편이 빠릅니다.

정리 — 오늘 할 일 체크리스트

• 데이터베이스 설정 → 더 많은 설정 → 하위 항목 켜기
• 하위 쪽에 완료 여부를 표시할 체크박스(또는 상태) 속성 준비
• 전체 개수·완료 개수 수식 두 줄로 먼저 숫자만 확인
• 숫자가 맞으면 style()로 색·배경 입히기 (숫자는 format()으로 감싸기)
• 표 뷰에서 상위만 필터 걸어 색상만 훑어보기

한 번 세팅해 두면 하위 할일을 체크하는 순간 상위 색이 바뀌므로, 목록을 열어 진행 상황을 파악하는 과정이 한결 단순해집니다.