Glossary

Glossary

Fomantic UI 문서를 읽을 때 만나게 되는 전문 용어(Jargon)를 정리한 페이지예요. 컴포넌트 분류와 프로젝트 용어를 이해하면 문서를 훨씬 수월하게 읽을 수 있을 거예요.

출처: 문서

본문

Fomantic UI 문서에서 자주 쓰이는 용어와 개념을 설명해 드릴게요.

Terminology

Types of Components

Fomantic UI는 컴포넌트를 그 특성에 따라 서로 다른 정의 타입으로 분류해요. 이 다섯 가지 타입은 각각 고유한 정의 형식을 사용해요.

Globals
        
          Globals are styles that are applied across a site. These include things like CSS resets, and sitewide font, link and sizing defaults.
          
          
        
        
        Views
        
          
        
        
      
      
        Modules
        
          
        
        
      
      
        Behaviors

Project Terminology

Fomantic UI는 컴포넌트를 별도의 정의 그룹(definition group)으로 분류해요.

  • Component — 컴포넌트(Component)는 배포를 위해 패키징된 어떤 사용자 인터페이스 요소를 가리키는 일반적인 용어예요.
  • Definition — 정의(Definition)는 컴포넌트의 본질적인 특성을 나타내는 CSS와 Javascript의 집합이에요.
ui

Definition Terminology

Fomantic UI 정의를 살펴보면 내용이 여러 섹션으로 나뉘어 있는 걸 볼 수 있어요. 이 정의의 구성 요소들은 모든 정의에서 일관되게 나타나며, 컴포넌트를 설명하는 공통적인 패턴이에요.

  • Component — 컴포넌트(Component)는 배포를 위해 패키징된 어떤 사용자 인터페이스 요소를 가리키는 일반적인 용어예요.
  • Definition — 정의(Definition)는 컴포넌트의 본질적인 특성을 나타내는 CSS와 Javascript의 집합이에요.
Types
        
          
          
        
        
        Variations
        
          
          
        
        
        Content
        
          
          
        
        
        Behaviors

General Terms

이 용어들은 일반적인 프로그래밍 용어로, 다른 문서 페이지에서 설명 없이 쓰일 수 있어요.

Namespace
      A name given to an element for the explicit purpose of containing the application of properties.
      In Fomantic UI, components are given the class name ui to help distinguish them from parts of elements in code, and to provide a namespace for definitions which can limit the scope of CSS rules.
    
    
      Gulp
      Gulp is a tool for automating command line tasks Gulpjs.com
    
    
      NPM
      NPM is a package manager used for downloading Node JS packages.
    
    
      yarn
      yarn is an alternative package manager used for downloading Node JS packages.
    
    
      Node JS
      Node is a event driven programming language frequently used to run command line tools for front end development. nodejs.org
  • Namespace — 요소에 속성을 적용하는 범위를 한정하기 위해 요소에 주어지는 이름이에요. Fomantic UI에서는 컴포넌트에 클래스 이름 ui를 부여해 코드 안에서 요소의 부분들과 구분하고, CSS 규칙의 범위를 제한할 수 있는 정의용 네임스페이스를 제공해요.
  • Gulp — Gulp는 커맨드라인 작업을 자동화하는 도구예요. Gulpjs.com
  • NPM — NPM은 Node JS 패키지를 내려받는 데 쓰는 패키지 매니저예요.
  • yarn — yarn은 Node JS 패키지를 내려받는 데 쓰는 대체 패키지 매니저예요.
  • Node JS — Node는 프런트엔드 개발용 커맨드라인 도구를 실행하는 데 자주 쓰이는 이벤트 기반 프로그래밍 언어예요. nodejs.org

더 알아보기 (Learn more)

용어를 이해했으니 Getting Started로 돌아가 설치를 진행하거나, Integrations에서 다양한 개발 환경과의 연동 방법을 살펴보세요.