HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📚
Notion 101 @KMU: 메인페이지 만들기
Notion 101 @KMU: 메인페이지 만들기
📚

Notion 101 @KMU: 메인페이지 만들기

notion image

⬇️ CL 공식 페이지

Notion for Kookmin University
Notion for Kookmin University

🤔 CL과 소통이 필요하다면

👉 카카오톡 오픈채팅 1:1 채널
👉 카카오톡 단체 오픈채팅

✔️ 완성된 템플릿이 필요하다면

노션 메인 화면 템플릿 by_KMU Notion CL
노션 메인 화면 템플릿 by_KMU Notion CL
1. 워크스페이스 선정(개인페이지), 전체 너비 화면 만들기2. 메인 페이지 이름 및 아이콘 선정3. 2025 할 일 데이터베이스 제작4. 데이터베이스 원본 vs 데이터베이스 보기5. 더 깔끔하게 꾸미는 방법: 콜아웃 내부에 정리하기6. 오늘 할 일 콜아웃에 정리하기7. 데드라인 콜아웃에 정리하기 8. 데일리 플래너 & 캘린더 제작9. 데일리 플래너 속지 제작10. 새 할일버튼 만들기11. 페이지 정리 및 완성

1. 워크스페이스 선정(개인페이지), 전체 너비 화면 만들기

워크스페이스에 페이지 생성
워크스페이스에 페이지 생성
전체 너비 설정
전체 너비 설정

2. 메인 페이지 이름 및 아이콘 선정

아이콘의 종류는 emoji와 노션제공 기본 아이콘, 업로드 가 있습니다.
업로드의 경우, 구글에서 이미지 주소 복사 후, 붙여넣기 하면 바로 커스텀 가능합니다.
Tip: 아이콘만 잘 꾸며도 노션이 깔끔해져요!
notion image

3. 2025 할 일 데이터베이스 제작

어떠한 할 일에 대해서, 마감 기한, 실제로 수행 할 날짜, 수행여부(체크), 카테고리를 데이터 속성으로 지정하고, 관리하는 템플릿을 제작 합니다. 이 데이터베이스는 메인 화면 우측에 “오늘 할 일”에 해당하는 보기와, 중앙 화면에서 “마감기한”에 해당하는 보기를 나타냅니다.
  1. / 누른 뒤, 표 보기 입력, 데이터베이스 선택, 데이터베이스 이름 붙여주기
    1. 표 보기 데이터베이스 제작
      표 보기 데이터베이스 제작
      데이터베이스 이름 설정
      데이터베이스 이름 설정

  1. 속성 제작: 체크박스, 수행일(날짜속성), 마감일(날짜속성), 카테고리(선택속성), 버튼
    1. 데이터베이스 속성 추가
      데이터베이스 속성 추가
      속성 모두 추가 완료
      속성 모두 추가 완료
      속성 이름 모두 변경
      속성 이름 모두 변경

  1. 버튼제작
    1. 버튼 속성 추가
    2. 자동화편집 클릭
    3. 새 작업, 속성 편집
    4. 수행일 선택
    5. 사용자지정 수식작성
    6. 아래 코드 입력
      1. ⚠️
        위 prop(”수행일”) 의 큰 따옴표 내에는 정확히 동일한 데이터베이스 속성의 이름을 기입해야 합니다.
        만약 위 코드의 붙여넣기에서 오류가 발생한다면, 오류 메시지를 잘 살펴보시거나, 위 영상처럼 따라 해 주세요

4. 데이터베이스 원본 vs 데이터베이스 보기

자칫 원본 데이터베이스가 실수로 삭제되는것을 방지하기 위해, 원본은 페이지로 변환하여 별도로 저장하는것을 권장합니다!
  • 데이터베이스 블럭 좌측의 점 6개 버튼을 클릭하면, 아래와 같은 팝업을 확인할 수 있습니다
    • notion image
      페이지 보기로 변경된 데이터베이스
      페이지 보기로 변경된 데이터베이스
       
  • 멘션 한 데이터 베이스는 이름 좌측에 화살표가 표시되며, 이를 통해 구분할 수 있습니다.
원본 데이터베이스
원본 데이터베이스
원본을 보는 데이터베이스
원본을 보는 데이터베이스

5. 더 깔끔하게 꾸미는 방법: 콜아웃 내부에 정리하기

  • / 누른 뒤, 콜아웃 블럭 꺼내오기
  • 좌측 6개의 점을 클릭하면, 콜아웃 블럭의 색상과 아이콘을 지정할 수 있습니다
  • 콜아웃의 아이콘은 페이지 아이콘과 같이 다양하게 선택할 수 있고, 제거를 누르게 되면 사각형 프레임만 콜아웃으로 남게 됩니다.
  • 이후, 아래 영상과 같이 5개의 콜아웃으로 복사하고, 2행 2행 1행으로 배치를 해주세요
  • 그 다음, 가로 사이즈를 적당히 조절 해주세요

6. 오늘 할 일 콜아웃에 정리하기

  1. / 입력 후 표 보기선택, 멘션 할 데이터베이스의 이름 기입하여 멘션
  1. 새로 만들기 좌측 설정 클릭, 레이아웃 클릭
  1. 아이콘 숨기기, 페이지 이름 숨기기 등 필요에 따라 해제
  1. 불필요한 속성은 숨김처리
  1. 필터 - 수행일은 이번 일 로, 체크표시 되지 않음으로 설정
⚠️
참고로, 한번 콜아웃에 들어간 멘션 데이터베이스(원본 x)는 이동이 불가합니다

7. 데드라인 콜아웃에 정리하기

3. 2025 할 일 데이터베이스 제작 에서 만들었던 데이터베이스 속성 중, 할 일들의 마감일만 정리하여 보이도록 하는 블럭을 콜아웃에 넣습니다.
  1. 6. 오늘 할 일 콜아웃에 정리하기 처럼 원본 데이터베이스 멘션 후, 필요 속성들(체크, 마감일, 이름, 카테고리) 제외 숨기기
  1. 레이아웃 → 데이터베이스 이름 숨기기, 아이콘 숨기기
  1. 데이터베이스 보기 이름 변경
  1. 필터 설정:
      • 마감일 선택, 비어 있지 않음 설정 → 마감일이 지정된 일만 표시되도록 했습니다
      • + 필터 클릭, 체크 추가, 체크 표시되지 않음 선택 → 완료한 업무는 보기에서 사라지도록 설정
  1. 완성된 데이터베이스 보기 콜아웃에 배치하기

8. 데일리 플래너 & 캘린더 제작

일정 기록, 데일리 플래너를 제작 합니다
  1. 새로운 데이터베이스 만들기: 캘린더뷰, “2025 데일리 플래너” 라고 데이터베이스 명 저장
  1. 페이지로 전환 클릭 후 원본 데이터베이스 별도로 저장
  1. 이후 다시 홈 화면에 와서 캘린더 뷰 데이터베이스 명령어 사용, 콜아웃 내부에 밀어넣기
  1. 새 페이지 생성, 표 만들기 (데이터베이스 표 vs 그냥 표)
  1. 만든 내용 복사, 템플릿 만들기에 붙여넣어 붕어빵 틀 만들기

9. 데일리 플래너 속지 제작

8. 데일리 플래너 & 캘린더 제작 에서 만든 플래너의 일별 속지 개념을 만듭니다.
타임 테이블을 만들어 시간별로 할 일을 작성할 수 있게 하고, 2025 할 일 데이터베이스 중 오늘 해야 할것들을 필터링 해서 정리할 수 있어요
이 과정에서 데이터베이스의 템플릿 기능을 사용합니다
📌 템플릿 기능: 일종의 붕어빵틀을 만드는 개념으로, 특정 데이터베이스에서 동일한 템플릿을 사용하게 될 경우, 모든 블럭을 만들때 마다 자동으로 커스텀할 수 있어요
  1. 데이터베이스 우상단 새로 만들기의 화살표 클릭, + 새 템플릿 선택
  1. 데이터베이스 이름 지정, 아이콘 지정
  1. 표 생성, 타임테이블 제작 (번거로우니 아래 내용을 복사하셔도 좋습니다)
    1. 타임테이블 복사
      6:00
      ㅤ
      7:00
      ㅤ
      8:00
      ㅤ
      9:00
      ㅤ
      10:00
      ㅤ
      11:00
      ㅤ
      12:00
      ㅤ
      1:00
      ㅤ
      2:00
      ㅤ
      3:00
      ㅤ
      4:00
      ㅤ
      5:00
      ㅤ
      6:00
      ㅤ
      7:00
      ㅤ
      8:00
      ㅤ
      9:00
      ㅤ
      10:00
      ㅤ
      11:00
      ㅤ
      12:00
      ㅤ
  1. 이후, 할 일 데이터베이스를 멘션 하고 속성들을 정리합니다.
  1. 필터링 기능으로 체크표시가 되지 않은 블록만 나오도록 설정합니다.
    1. 😢
      안타깝게도, 할 일 데이터베이스의 필터 기능을 날짜에 맞게 자동으로 지정 해 주는 기능이 현재로선 없어서, 플래너를 만들때 마다 직접 날짜 필터를 지정하여 사용하고 있습니다
  1. 템플릿을 완성한 뒤 나가면, 자동으로 저장됩니다.
  1. 이후 해당 템플릿을 기본으로 설정하면 이 캘린더에 +로 블럭을 추가 할때 마다 자동으로 만들어 두었던 템플릿으로 생성이 됩니다

10. 새 할일버튼 만들기

버튼을 클릭해서, 빠르게 오늘 할 일을 추가할 수 있는 기능을 제작합니다
  • 이 기능을 통해 모바일에도 위젯을 추가해서 급하게 메모가 필요한 경우 신속히 추가할 수 있어요!
  1. 버튼 콜아웃 내부에 /버튼 명령어 추가
  1. 우측 톱니바퀴 클릭, 혹은 자동으로 팝업 열림
  1. +새 작업 버튼 틀릭
  1. +페이지 추가 위치 클릭
  1. 작업의 데이터 소스 선택에서 2025 할 일 클릭
  1. 지정할 속성을 이름 에서 수행일 로 변경
  1. 이후 자동 실행한 날짜 로 변경
  1. 하단 + 작업 추가 클릭, 페이지, 양식 또는 URL 열기 클릭
  1. 페이지 선택 에서 1. 페이지 추가됨 클릭

11. 페이지 정리 및 완성

이제 마무리 단계 입니다! 모든 데이터베이스 페이지들을 정리하고, 카테고리별 페이지를 만듭니다
 
 

Notion CL @KMU
Notion for Kookmin University
Notion for Kookmin University
notion image
 
dateAdd(context("이 페이지").prop("수행일"), 1, "days")