> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-kr/contents/floor-plan/introduce.md).

# 1.1. 2D/3D 도면: 소개

## 2D/3D 도면(Floor plan): 소개

{% embed url="<https://planner.archisketch.com/?mode=2&projectId=XkhkKDK233D748440524D18>" %}

### 📌 내 프로젝트: 프로젝트 생성 방법

**2D/3D 도면(Floor plan) 뷰어**는 아키스케치 대시보드 속 **내 프로젝트 > 프로젝트** 페이지에서 **프로젝트 콘텐츠**가 생성되었을 때 제공됩니다. 프로젝트가 정상적으로 생성되면, **생성된 프로젝트 카드**를 클릭하여 즉시 2D/3D 도면 뷰어를 확인할 수 있습니다.

👇 **"내 프로젝트: 프로젝트 생성 방법"**&#xC740; 하단 영상을 확인해주세요.

{% embed url="<https://www.youtube.com/watch?v=e4YpleYl1L4>" %}

### 📌 2D/3D 도면 확인 방법

1. 아키스케치 대시보드에서 **\[프로젝트 > 내 프로젝트]** 또는 **\[전체 프로젝트]** 페이지로 이동한 후, 프로젝트 카드를 클릭해주세요. *(프로젝트가 없다면,\[새로운 프로젝트] 버튼을 클릭하여 새로 생성해주세요.)*
2. 프로젝트 상세 페이지에서 **\[컨텐츠 > 도면]** 탭으로 이동한 뒤, 아래의 **도면 뷰어** 버튼을 클릭해주세요.

![](/files/b5z9gHp8E7J3vYlg73dk)

## 2D/3D 도면 뷰어: URL 구조

{% hint style="info" %}
**하단의 데모페이지를 통해 테스트해보세요!**
{% endhint %}

{% embed url="<https://codepen.io/Archisketch/pen/LYjKGaR>" %}

**2D/3D 도면 뷰어**는 아래와 같은 공통 URL 형식을 따릅니다. 또한, 필요에 따라 추가적인 쿼리 파라미터를 붙여 모델 뷰어를 설정 할 수 있습니다.

### 📌 URL 포멧

```html
https://planner.archisketch.com/?projectId={'Content ID'}&mode={'Num'}
```

### 📌 쿼리 파라미터(Query Parameter)

| **파라미터** | **설명**                                |
| -------- | ------------------------------------- |
| `mode=2` | 2D 도면 뷰어 모드로 설정합니다. (default: mode=2) |
| `mode=3` | 3D 도면 뷰어 모드로 설정합니다. (default: mode=2) |