2. 페이지 구조 파악하기

D-SKET으로 만든 웹사이트는 **3가지 핵심 요소(메인 페이지, 상세 페이지, 프로필)**로 이루어져 있습니다.

마치 블록을 조립하듯이, 노션에서 이 3가지만 알면 뚝딱 만들 수 있어요! 아래 이미지를 보면서 D-SKET 웹사이트를

1️⃣ 메인 페이지

방문자가 링크를 타고 들어오거나 구글이나 네이버와 같은 검색 엔진에서 들어왔을 때 가장 먼저 보는 화면입니다.

• 어디서 관리하나요? 01. 메인 페이지 설정 페이지에서 관리합니다!
• 특징: 웹사이트 당 1개만 존재합니다.
• ‘섹션’이 뭔가요?
  • 메인 페이지 데이터베이스의 **한 줄(행)**이 웹사이트의 **한 덩어리(섹션)**가 됩니다.
  • 예를 들어, 첫 번째 줄은 '비디오 소개', 두 번째 줄은 '서비스 특징' 처럼요.
  • 순서 속성을 바꿔서 위아래 위치를 바꿀 수도 있고, 상태를 OFF로 꺼서 잠시 숨길 수도 있습니다.

---

2️⃣ 상세 페이지 (Sub Page) = 진짜 이야기 📖

메인 페이지에서 다 못 보여준 자세한 내용을 담는 페이지입니다. (회사 소개, 포트폴리오, 블로그 등)

• 어디서 관리하나요? [상세 페이지 설정] 페이지에서 관리합니다!
• 특징: 개수 제한이 없어요! 만들고 싶은 만큼 계속 만들 수 있어요.
• 어떻게 꾸미나요?
  • 이게 제일 중요해요! ⭐ "노션 페이지 꾸미듯이" 자유롭게 작성하면 됩니다.
  • 텍스트, 이미지, 영상, 지도 등을 노션 쓰던 대로 넣으면 웹사이트에 그대로 나타나요. (이걸 '페이지 렌더링'이라고 불러요.)
• 삭제/비공개: 데이터베이스에서 행을 지우면(휴지통) 웹사이트에서도 사라집니다. 잠깐 가리고 싶다면 상태를 Off로 바꾸세요.

상세 페이지 예시

상세 페이지 추가 및 삭제하는 방법

• 상세 페이지 추가하기

  

한 번의 클릭과 몇 가지 정보를 입력하는 것만으로 여러분은 너무나도 쉽게 새로운 페이지를 생성할 수 있습니다.

해당 상세 페이지를 수정하는 방법은 일반적으로 노션 페이지를 사용하는 것과 동일합니다. 더 자세한 내용은 [상세 페이지 수정 링크] 를 참고해주세요.

---

• 상세 페이지 삭제하기

생성한 상세 페이지를 삭제하는 방법은 삭제를 원하는 페이지(행)를 선택하고, “삭제(휴지통)” 버튼을 클릭하면 됩니다.

---

3️⃣ 프로필 (Profile) = 간판과 명함 🏷️

웹사이트의 **맨 위(Header)**와 **맨 아래(Footer)**를 담당합니다. 가게로 치면 간판과 명함 같은 역할을 해요.

• 어디서 관리하나요? [프로필 설정] 데이터베이스
• 특징: 홈페이지당 딱 1개만 있습니다. 지우거나 새로 만들 수 없어요.
• 무엇을 넣나요?
  • 1단계 (필수): 우리 회사 이름(상호명), 대표명, 로고 이미지
  • 2단계 (선택): 주소, 전화번호, 이메일 같은 연락처, Header와 Footer의 테마(Default, Dark, White)
    • 각 속성 별 테마 색상
      • Default - Header(하얀색) / Footer(검은색)
      • Dark - Header(검은색) / Footer(검은색)
      • White - Header(하얀색) / Footer(하얀색)
  • 3단계 (법적): 이용약관이나 저작권 표시 등

---

참고: D-SKET에서 노션의 데이터를 가져오는 2가지 방법

D-SKET에서는 여러분의 노션에 있는 데이터를 가져와서 웹사이트로 만들 때 2가지 방법을 사용합니다.

• **데이터베이스 렌더링(Database Rendering)**이란? 메인 페이지와 상세 페이지의 페이지 이름(Header)에서 활용하는 방법입니다. 데이터베이스의 속성 별로 가지고 있는 텍스트, 이미지, 영상 등의 데이터를 가져와서 정해진 구역에 적용하는 방법입니다.
• 페이지 렌더링(Page Rendering)이란? 상세 페이지에서만 활용하는 방법입니다. 이름에서 알 수 있듯이 노션 페이지에 있는 텍스트, 이미지, 영상 등의 데이터를 가져와서 여러분의 웹사이트의 상세 페이지에 적용하는 방법입니다.