[노션 쇼핑 리스트 만들기] 1. 레이아웃 구성하기

💡

본 코스는 노션 기초 튜토리얼에 대한 이해를 바탕으로 구성된 실습 과정입니다.

⏰

이번 코스는 총 17개의 스텝으로 구성되어 있으며,

읽는 데 약 3분, 실습 시 약 10분이 소요됩니다.

• 1.

  새 페이지 생성 후 원하는 제목을 입력한다.

  

• 2.

  우측 상단 메뉴 버튼을 누른 후,

  "전체 너비" 옵션을 활성화한다.

  

• 3.

  "/2" 입력 후 "2개의 열" 옵션을 선택,

  페이지를 2개의 열로 나눈다.

  

• 4.

  좌측 열에서 "/콜아웃" 입력 후 "콜아웃" 옵션을 선택,

  콜아웃 블록을 생성한다.

  

• 5.

  추후 생성할 "장바구니 추가", "장바구니 전체 보기" 영역을 미리 표기해둔다.

  

• 6.

  콜아웃 아래 영역에 또 다른 콜아웃을 추가로 생성한다.

  

• 7.

  두 번째 콜아웃 내부에서 "/목차"를 입력한 후,

  목차 블록을 생성한다.

  

• 8.

  두 번째 콜아웃 아래 영역에 또 다른 콜아웃을 하나 더 생성한다.

  

• 9.

  세 번째 콜아웃에서 "/제목3"을 입력한 후,

  제목3 블록을 생성한다.

  

• 10.

  생성된 제목3 블록에 "앞으로 필요한 비용" 등,

  원하는 제목을 입력한다.

  

• 11.

  입력한 제목 아래에 "/구분선"을 입력한 후,

  구분선 블록을 생성한다.

  

• 12.

  구분선 아래, 추후 블록 생성을 위한 영역을 표기해둔다.

  

• 13.

  동일한 방법으로 바로 아래의 영역을,

  누적 구매 비용을 확인을 위한 영역으로 지정한다.

  

• 14.

  마찬가지로 우측 열에도,

  전체 장바구니 데이터베이스를 확인할 수 있는 영역을 지정한다.

  

• 15.

  장바구니 아래의 영역은,

  구매 히스토리를 확인할 수 있는 영역으로 지정한다.

  

• 16.

  2개의 열 가운데 영역에 위치한 세로의 바를 조절하여,

  각 열의 가로 크기를 지정한다.

  

• 17.

  자유롭게 커스터마이징한다.