사용설명서
홈English블로그FAQ
  • F12-WEB-V1.0
  • 개요
  • 작업 기본 사항
  • GETTING STARTED
    • 설치하기
    • 로그인
    • 작업 화면 구성
    • 프로젝트 생성
  • STUDIO MAIN
    • 도움받기
    • 내정보확인
  • STUDIO WORKSPACE
    • 준비하기
    • 메인 메뉴
      • Control Menu
      • Function Menu
    • Edit Menu
      • Home
      • Object
      • Size
      • Layout
      • Interactive
    • Hierarchy
    • Canvas
    • Preview
    • SceneLayout
    • CodeView
    • Pages
    • Gizmo
    • Code Type
Powered by GitBook
On this page
  1. STUDIO WORKSPACE

CodeView

이 문서는 STUDIO Workspace CodeView window 기능에 대한 설명을 위한 문서입니다.

PreviousSceneLayoutNextPages

Last updated 2 years ago

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

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

이를 통해서 분석한 Source Code는 실무에 바로 사용할 수 있으며, 통해 수정된 기능 또한 바로 확인할 수 있습니다.

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

Elements

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

Scene CSS

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

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

Object CSS

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

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

Group CSS

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

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

Export를 통한 Download 및 GitHub로 받으실 수 있는 Source Code로 각 Library Type에 따라 자동으로 변경되며 메뉴를 통해 수정된 Layout이 자동으로 적용됩니다.

Edit Menu
Edit Menu
CodeView