1. 노션 기초 및 워크스페이스 설정
1-1. Notion 계정 생성
2.
“Notion 무료로 사용하기” 선택 후 이메일 또는 Google 계정으로 가입
3.
요금제 선택 (아카이브 사이트 제작은 무료 플랜으로 충분합니다. 단 파일 업로드 1개당 5MB 제한)
1-2. Notion 워크스페이스 소개
노션의 공간은 다음과 같이 구분됩니다.
•
워크스페이스 (Workspace): 노션 사용을 위한 가장 큰 단위의 공간입니다. 보통 한 계정에 하나의 워크스페이스가 생성됩니다.
•
팀스페이스 (Teamspace): 워크스페이스 내에서 팀이나 부서 단위로 페이지를 공유하고 관리하는 공간입니다. 협업할 때 유용하며, 유료 플랜에서 주로 사용됩니다. (개인 아카이브 사이트 제작 시에는 주로 사용하지 않습니다.)
•
개인 페이지 (Private Pages): 좌측 사이드바의 '개인' 섹션에 속하며, 오직 본인만 접근 가능한 페이지입니다.
•
마켓플레이스 (Marketplace): 다양한 사용자가 만든 노션 템플릿을 공유하고 활용할 수 있는 공간입니다. 아카이브 사이트 구성을 위한 영감을 얻거나 구조를 참고할 때 유용합니다.
1-3. Notion 기본 인터페이스 소개 (페이지, 블록, 데이터베이스)
노션은 모든 콘텐츠를 **페이지(Page)**와 **블록(Block)**으로 구성합니다.
•
페이지 (Page): 노션에서 콘텐츠를 담는 최소 단위입니다. 페이지 안에 또 다른 페이지를 무한대로 생성할 수 있어 계층적인 아카이브 구조를 만들 수 있습니다.
•
블록 (Block): 페이지를 구성하는 모든 요소(텍스트, 이미지, 표, 할 일 목록, 데이터베이스 등)를 의미합니다. 페이지 내에서 / 명령어를 입력하여 원하는 블록을 빠르게 추가할 수 있습니다.
•
데이터베이스 (Database): 블록의 한 종류이지만, 데이터를 구조화하고 관리하는 데 특화되어 있습니다. 아카이브 사이트에서 'Works'나 'News'처럼 정형화된 정보를 대량으로 관리할 때 필수적으로 사용됩니다.
1-4. 개인 워크스페이스 구성 (아이콘, 커버 이미지, 기본 블록, 미디어, 데이터베이스)
아카이브 사이트의 시작점이 될 메인 페이지를 구성합니다.
1.
페이지 아이콘 및 커버 설정: 새 페이지 생성 후 상단의 '아이콘 추가'를 클릭해 이모지나 이미지 아이콘을 설정하고, '커버 추가'로 배경 이미지를 추가합니다.
2.
기본 블록 연습: /제목1, /텍스트, /할일 등 슬래시 명령어를 사용해 제목, 단락, 체크리스트 등 기본 블록들을 만들어 페이지 구조를 잡아봅니다.
3.
미디어 블록 추가: /이미지, /동영상, /파일 명령어로 다양한 미디어 콘텐츠를 페이지에 삽입하고 캡션을 추가해 시각적 요소를 풍부하게 만듭니다.
4.
간단한 데이터베이스 생성: /테이블 명령어로 기본 테이블을 만들고, 열 추가, 데이터 입력, 정렬 기능을 연습해 구조화된 정보 관리 방법을 익힙니다.
2. 아카이브 사이트 구조 설계
노순택 작가의 포트폴리오 사이트를 노션으로 옮겨 보겠습니다.
2-1. 사이트 구조 설계
아카이브 사이트 구조:
•
Biography: 작가/기관 소개, CV 파일 다운로드
•
Works: 전시 정보, 작품/프로젝트 카탈로그
•
Articles: 비평/연구 자료
•
News: 소식 및 업데이트
2-2. 메인 페이지 만들기
페이지 구성 요소:
•
사이트 제목 및 부제목
•
내비게이션 메뉴 (Biography, Works, Articles, News)
•
대표 이미지 또는 비주얼
•
푸터 (저작권 정보, 연락처)
3. 페이지 만들기
3-1. Biography 페이지 만들기 (기본 블록)
페이지 구성:
•
프로필 이미지 추가 (/image 명령어 사용)
•
제목 및 부제목 (Heading 1, 2 사용)
•
소개 텍스트 (단락 블록)
•
경력 사항 (Bulleted list 또는 Numbered list)
3-2. Critics, News 페이지 만들기 (데이터베이스)
데이터베이스 생성 :
1. /database 슬래시 명령어 입력 > 갤러리 보기 선택
2. '비어 있는 새 데이터 소스' 선택
3. + 새 페이지 클릭하여 페이지 아이콘 및 커버 이미지 추가
4. 속성 하단의 공란에 기사 내용 및 이미지 붙여넣기
뷰 설정:
•
레이아웃: Table, Gallery, List 중 선택
•
속성 표시/숨김 설정
•
정렬 및 필터링 옵션
데이터 소스 설정 (속성 편집):
•
제목 - 기본 속성
•
작성자 - Text 타입
•
작성날짜 - Date 타입
•
출처 - Text 또는 URL 타입
3-3. Works 페이지 만들기 (데이터베이스)
a. "프로젝트" 데이터베이스 생성
갤러리 보기 설정:
•
데이터베이스 생성 (갤러리 레이아웃 선택)
•
카드 크기 및 속성 표시 설정
데이터 소스 설정:
•
프로젝트 유형: Select (회화, 조각, 설치, 영상 등)
•
작업노트: 파일과 미디어 속성
•
작업연도: Date 또는 Number (2014 등)
•
주제: 다중 선택 (07.생활안전 등)
•
키워드: 다중 선택 (밀양, 송전탑, 전기 등)
데이터 작성:
•
속성 데이터 작성
•
하단 콘텐츠 영역에 대표 이미지 및 프로젝트 소개글 작성
b. "카탈로그" 데이터베이스 생성
데이터베이스 생성 옵션 :
1.
비어있는 새 데이터 소스: 처음부터 새로 만들기
2.
CSV 가져오기: 기존 Excel/CSV 파일 업로드
3.
템플릿 가져오기: 미리 만들어진 구조 활용
뷰 설정:
•
레이아웃: 갤러리 보기를 기본으로 설정. 표, 보드(촬영장소별 보기), 차트(사이즈별 보기) 등 다양한 보기 방식 구성
•
속성 표시 우선순위 설정
•
작품명/연도순 정렬
갤러리 보기
표 보기
보드(촬영장소별 보기)
차트 (사이즈별 보기)
데이터 작성:
•
속성 항목 작성 및 썸네일 첨부 (원문파일이나 대용량 파일은 Google Drive 등 외부 저장소 링크)
c. "전시" 데이터베이스 생성
데이터 소스 설정:
•
전시구분: Select (개인전, 기획전, 그룹전)
•
개최도시: Text
•
전시도록: Checkbox
•
전시홈페이지: URL
•
전시연도: Date
•
전시장소: Text
•
주관: Text
데이터베이스 관계 설정 :
•
"프로젝트" 데이터베이스에 "전시" 관계형 속성 추가
•
양방향 관계형 연결로 프로젝트-전시 간 상호 참조 가능
•
/링크된 데이터베이스 보기를 활용한 통합 관리
4. 웹 퍼블리싱
4-1. 공유
공유하려는 페이지 상단 '공유' 버튼 클릭
공유 :
•
특정 사용자와 페이지 공유
게시 :
•
웹에 게시
•
게시 옵션 설정:
◦
검색 엔진 인덱싱: 구글, 네이버 등에서 이 페이지가 검색되도록 설정
◦
템플릿으로 복제: 이 페이지를 다른 노션 사용자가 복제할 수 있도록 설정
◦
이 페이지 임베드: 소스코드를 복사하여 타 사이트에 페이지 삽입
◦
소셜 미디어로 공유: X, WhatsApp, Facebook 등에 공유하기
4-2. 노션 최적화 서비스 소개: Oopy
Oopy 제공 기능 :
주요 특징
•
쉽고 빠른 구축: 학습시간 거의 제로, 1분 내 웹사이트 생성
•
커스텀 도메인: 원하는 주소로 변경 가능
•
반응형 디자인: 멀티디바이스 자동 지원
•
SEO 최적화: 메타태그, Google Analytics 연동
Oopy 연동 방법:
1.
oopy.io 접속 후 회원가입
2.
Notion 페이지 URL 입력
3.
도메인 설정 및 디자인 커스터마이징
4.
퍼블리싱 완료
Oopy 대시보드