> For the complete documentation index, see [llms.txt](https://docs.function12.io/tutorials-kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.function12.io/tutorials-kr/studio-workspace/codeview.md).

# CodeView

CodeView window는 FUNCTION12의 자체적으로 개발한 디자인 분석엔진에서 분석한 내용의 Source Code를 보여줍니다.

FUNCTION12의 디자인 분석엔진은 동종업계 최고를 자부하고 있습니다.

이를 통해서 분석한 Source Code는 실무에 바로 사용할 수 있으며, [Edit Menu](/tutorials-kr/studio-workspace/edit-menu.md) 통해 수정된 기능 또한 바로 확인할 수 있습니다.

<figure><img src="/files/TD8Y6lCZzt2Ngz09VNP7" alt=""><figcaption><p>CodeView</p></figcaption></figure>

*\*CodeView 에는 Source Code에 대해 확인 가능하지만 수정은 할 수 없습니다.*

#### Elements

Elements Layer는 실제 출력을 위한 Source Code를 확인 할 수 있는 화면입니다.

Export를 통한 Download 및 GitHub로 받으실 수 있는 Source Code로 각  Library Type에 따라 자동으로 변경되며 [Edit Menu](/tutorials-kr/studio-workspace/edit-menu.md) 메뉴를 통해 수정된 Layout이 자동으로 적용됩니다.&#x20;

#### Scene CSS

Scene에서 사용되는 CSS를 확인할 수 있는 화면 입니다. Scene전체에서 사용되는 모든 CSS를 확인할 수 있습니다.&#x20;

*\*이 화면은 CSS를 사용하는 Library에서만 나타납니다.*

#### Object CSS

선택된 요소의 CSS만 확인할 수 있습니다.

*이 화면은 CSS를 사용하는 Library에서만 나타납니다.*

#### Group CSS

Project 내에서 동일하게 사용하게 되는 CSS들 입니다. Group CSS안에 들어 있는 class를 사용하는 모든 요소들에게 영향을 주게 됩니다.&#x20;

*\*이 화면은 CSS를 사용하는 Library에서만 나타납니다.*