본문 바로가기

노션(Notion) 체크박스 진행률-달성률 만들기 - 복붙으로 한 방에 끝내자

hyunicecream 2024. 9. 11.

블로그 로고
블로그 로고

시작하기 앞서

노션을 하다 보면 To-do, habit tracker, 일정관리 등  할 때 체크해야할 항목들이 많은데 이걸 시각적으로 이쁘게 만들 수 있습니다. 

노션에 데이터베이스를 만들고 수식만 입력하면 끝입니다. 

빠르게 쭉 훓고 매우 간단하니, 복붙으로 시간절약하세요. 😄

수식은 맨 아래 코드블럭에 넣겠습니다.

노션 진행률-달성률을 만들기 위한 준비물

노션 진행률-달성률을 만들기 위해서는 준비물이 하나 필요 합니다. 

데이터 베이스 하나 만드시면 됩니다. 이건 그냥 관리하기 위해 필요한 거라고 생각하시면 됩니다. 

"/데이터" 입력하시고 데이터베이스-인라인 선택하시면 됩니다.

데이터베이스 인라인 만들기
데이터베이스 인라인 만들기

이렇게 만들어 진걸 확인하실 수 있습니다. 

데이터베이스 인라인 생성
데이터베이스 인라인 생성

Step -1 체크박스 만들기

방법이 2가지 있습니다. 

  1. "태그" "속성 편집"   "유형" 선택 후 "체크박스" 변경
  2. 귀찮으신분은 "새로 만들기" 만들어서 페이지에서 수정하기

전 귀찮아서, "새로 만들기"로 페이지 만들고 그 안에서 수정하겠습니다. 

속성 복제 선택하시면 됩니다. 저는 테스트이기 때문에 4개만 만들겠습니다.

오른쪽에 있는게 방금 만든 테스트 페이지 입니다. 

페이지 화면
페이지 화면

Step -2 체크박스 여러개 만들기

자신이 필요한 체크박스를 개수를 만드시면 됩니다. 복제 누르시면 되니깐 복제 눌러서 원하는 만큼 만드세요.

저는 테스트라서 4개만 만들겠습니다. 

체크박스 복제
체크박스 복제

페이지 닫으면 다음과 같이 만들어져있습니다.

만들어진 데이터베이스
만들어진 데이터베이스

이제 체크박스 이름과 아이콘을 변경해주겠습니다. 원하는 이름과 아이콘으로 변경하면 됩니다. 

체크박스 이름-아이콘 변경
체크박스 이름-아이콘 변경

Step -2  체크박스 수정 및 수식 속성 추가

그리고 "수식" 속성을 하나 추가해줍니다. 

수식속성 하나 추가 화면
수식속성 하나 추가 화면

수식을 누르신후 "속성 편집" "수식: 편집" 눌러주세요.

속성편집 → 편집
속성편집 → 편집

Step -3  진행률-달성률 수식 입력

"후"사진에 있는 수식을 넣으면 끝입니다.

💡 주의!

저는 4개의 체크 박스이기 때문에 4로 나눠줘야 합니다 

체크 박스 개수에 따라 숫자 변경하시면 됩니다 "100"은 그냥 냅두세요.

수식 넣기 전-후
수식 넣기 전-후

Step -4  진행률-달성률  표시 옵션 선택 

엔터 누르시면 바로 "표시 옵션"이 생긴걸 확인하실 수 있습니다. 여기서 원하는 옵션을 선택하시면 됩니다. 저는 막대로 하겠습니다.

💡 주의!

숫자 형식 : "숫자""%" 변경 

표시 옵션 선택화면
표시 옵션 선택화면

색상 변경이 가능하니 원하시는분은 변경하시면 됩니다.

색상 변경 화면
색상 변경 화면

Step -5  진행률-달성률  확인하기

"수식" 속성의 이름과 아이콘도 변경해주겠습니다.

확인하면 다음과 같이 나옵니다.

달성률 확인
달성률 확인

노션 진행률-달성률 표시 옵션 3가지

표시옵션 3가지 위에 진행률-달성률 표시 부분을 보시면 됩니다. 

표시 옵션 3가지
표시 옵션 3가지

노션 진행률-달성률 추가적인 운영 팁

표에서 아이콘을 최대한 땡기면 이렇게 아이콘만 남고, 텍스트는 사라집니다. 

이렇게 하는게 훨씬 더 깔끔합니다. 

아이콘 땡긴 모습
아이콘 땡긴 모습

데이터 베이스를 캘린더와 연동하면 다음과 같이 운영하실수도 있습니다.

이런식으로 달성률을 체크하면서 보실 수 있습니다. 

데이터베이스 캘린더 연동
데이터베이스 캘린더 연동

노션 진행률-달성률 총 정리

"/데이터" 입력 → 데이터 인라인 선택 → 체크박스 생성(원하는 수 만큼), 수식 속성 1개 생성 → 체크박스 이름 변경(아이콘은 원하는 분만) "수식속성 편집"  "수식: 편집" → "수식 입력" 숫자 형식 : "숫자" → "%" 변경 

노션 진행률-달성률 수식 - 복사붙여넣기 

4개의 체크박스를 만들었을 경우

round((
	prop("아침식사").toNumber() +
	prop("독서 1시간").toNumber() +
	prop("물1.5L 마시기").toNumber() +
	prop("운동").toNumber()
) / 4 * 100) / 100

5개의 체크박스를 만들었을 경우

만약에 5개를 원하시면 5개로 나눠주셔야하고, 맨아래 제외하고 "+" 을 같이 입력하셔야 합니다. 

round((
	prop("아침식사").toNumber() +
	prop("독서 1시간").toNumber() +
	prop("물1.5L 마시기").toNumber() +
	prop("운동").toNumber() +
        prop("추가 항목").toNumber()
) / 5 * 100) / 100

7개의 체크박스를 만들었을 경우

round((
	prop("아침식사").toNumber() + 
	prop("독서 1시간").toNumber() +
	prop("물1.5L 마시기").toNumber() +
	prop("운동").toNumber() +
	prop("명상하기").toNumber() +
	prop("요가").toNumber() +
	prop("비타민C 먹기").toNumber()
) / 7 * 100) / 100

N개의 체크박스를 만들었을 경우

맨 마지막에 n개로 나눠주시면 됩니다. 

round((
	prop("아침식사").toNumber() +
	prop("독서 1시간").toNumber() +
	prop("물1.5L 마시기").toNumber() +
	prop("운동").toNumber() +
    	prop("추가 항목").toNumber() +
        prop("추가 항목").toNumber() +
    	prop("추가 항목").toNumber() +
        prop("추가 항목").toNumber() 
        ...
) / n * 100) / 100

댓글