노션의 버튼 기능을 사용해봤다.

노션의 버튼 기능을 사용해봤다.

Clock Icon2023.03.30

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

안녕하세요, 임채정입니다.
저는 요즘 노션을 사용해서 할 일 관리를 하고 있습니다.
실제로 사용해보니까 할 일 관리하는 데에도 엄청 좋고 잘 사용하고 있어서 노션의 다양한 기능들을 살펴보고 있는데 오늘은 그 중에서 버튼 기능에 대해서 정리해보겠습니다.

아젠다

  1. 버튼 기능 사용해보기
  2. 버튼 기능 활용법

1. 버튼 기능 사용해보기

먼저 버튼 사용법은 노션 페이지에서 /버튼을 입력하면 됩니다.

버튼을 생성하면 상세 기능이 5개가 나오는데 각각 기능을 사용해보겠습니다.

1-1. 블록 삽입

먼저 블록 삽입을 해보겠습니다.
다음과 같이 삽입할 블록 내용을 입력하고 확인을 클릭합니다.

그 후 버튼을 클릭하면 다음과 같이 블록 내용이 자동으로 추가됩니다.

1-2. 페이지 추가 삽입

다음으로는 페이지 추가 삽입을 해보겠습니다.
이 기능에는 표가 필요한데 블로그에서는 임의로 표를 추가해서 테스트하겠습니다.

먼저 페이지 추가할 데이터베이스를 선택합니다.
그리고 페이지를 추가할 때 기본적으로 설정할 속성을 선택해줍니다.
여기에서는 유형을 회의로 설정해줬습니다.
확인을 누른 후 버튼을 테스트해보면 유형이 회의로 설정된 새로운 페이지가 추가됩니다.

또한 다음과 같이 유형 속성을 다르게 설정해주고 버튼을 두 개로 만들어 주면 원하는 유형의 페이지를 추가하는 것도 가능합니다.

1-3. 페이지 편집 위치

이번에는 생성되어 있는 페이지를 수정하는 기능입니다.

먼저 데이터베이스를 선택합니다.
그 후 필터로 단계 = Not Started를 설정해주고 속성 편집으로 단계 = In progress을 설정합니다.
그러면 버튼을 눌렀을 때 Not Started로 설정되어 있는 단계가 In progress로 변경됩니다.

1-4. 확인 표시

확인 표시는 위에서 테스트한 페이지 추가 삽입 기능과 함께 테스트해보겠습니다.
먼저 확인 표시 기능을 추가해주고 그 다음 페이지 추가 삽입 기능을 추가해줍니다.
여기서 중요한건 확인 표시 기능을 위에 생성해줘야 합니다. (아니면 확인 기능의 결과와 상관없이 페이지가 생성됩니다.)

그 후 테스트를 해보면 버튼을 눌렀을 때 팝업창이 나옵니다.
여기서 취소를 누르면 페이지가 생성되지 않고, 계속을 누르면 페이지가 생성됩니다.

1-5. 페이지 열기

이번에도 위에서 테스트한 페이지 추가 삽입 기능과 함께 테스트해보겠습니다.
이번에는 페이지 추가 삽입 기능을 먼저 추가해주고 그 다음으로 페이지 열기 기능을 추가해줍니다.

그 후 버튼을 누르면 새로운 페이지가 생성되면서 생성된 페이지가 열립니다.

2. 버튼 기능 활용법

버튼 기능은 굉장히 다양하게 사용할 수 있을 것같습니다.
여러가지 방법으로 활용할 수 있겠지만 두 개 정도 예시로 간단하게 만들어 봤습니다.

문의 페이지

문의 페이지가 있다고 가정하고 새로운 문의 페이지를 생성하는 버튼을 생성해보겠습니다.
1) 확인 표시 기능을 통해 새로운 문의 페이지를 생성할 건지 확인한다.
2) 새로운 문의 페이지를 생성한다. (기본 설정으로 유형:질문, 우선:-)
3) 생성된 문의 페이지를 연다.

그럼 다음과 같은 결과가 나옵니다.

회의록

회의록 페이지가 있다고 사원들은 하루에 한번씩 회의록을 확인해한다고 가정하겠습니다.
사원들이 페이지 확인 후 버튼을 눌러서 확인 사실을 표시하도록 해보겠습니다.

페이지 편집 위치를 사용하겠습니다.
필터로 A사원 = 체크되지 않음 and 회의일 = 오늘를 설정하겠습니다.

그리고 속성 편집으로 A사원 = 체크됨으로 설정하겠습니다.

이 버튼을 사원별로 만들어두면 결과와 같이 해당 사원 버튼을 눌렀을 때 자신의 체크표시가 체크되게 됩니다.

본 블로그 게시글을 보시고 문의 사항이 있으신 분들은 클래스메소드코리아 ([email protected])로 연락 주시면 빠른 시일 내 담당자가 회신 드릴 수 있도록 하겠습니다 !

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.