생활코딩

Coding Everybody

Semantic UI

커버 생활코딩 > 클라이언트 > UI 라이브러리 > Semantic UI

 

 

UI란?

사용자가 시스템을 조작하는데 사용하는 장치들을 의미합니다.

 

 

 

Library란?

자주 사용되는 기능들을 재사용하기 쉽도록 잘 정리 정돈해 놓은 부품들을 의미합니다. 프래임웍(framework)라는 말도 있는데요. 거의 비슷한 의미로 사용됩니다. (실제로는 다른면이 있습니다)

 

 

 

 

UI Library

UI Library란 자주 사용되는 UI를 미리 구현해서 쉽게 사용할 수 있도록 잘 정리해놓은 부품들을 의미합니다. 웹에서 사용되는 대표적인 UI Library는 bootstrap이 있습니다. 

 

 

Semantic UI

semantic UI는 UI Library의 카테고리에 속하는 제품입니다. 이 도구는 잘 만들어진 기본 부품(component)를 제공합니다. 이 부품들을 활용해서 빠르게 서비스를 구현할 수 있고, 필요에 따라서는 개조해서 사용할수도 있습니다.  

 

홈페이지 바로가기

 

수업소개

여기서는 Semantic-ui의 사용법을 알아봅니다.

 

 

 

 

선행학습

이 수업은 html은 적당히, css는 id, class 선택자가 무엇인지 정도 아시면 됩니다. javascript는 정말 조금만 아셔도 됩니다. 

 

 

 

 

Youtube 재생목록

youtube가 편한분은 아래 재생목록을 이용해주세요.

https://www.youtube.com/playlist?list=PLuHgQVnccGMDUIlVEAZPjYq4Y2idO-O07

 

 

댓글

댓글 본문
  1. divuser
    jsp에서 스프링을 통해 구현을 해보았으나 공식 홈피에도 jsp를 이용할 때 설정법이라든지 사용방법은 없는거 같고, 리엑트나 앵귤러를 통한 구현 사례만 있는거 같더군요...
  2. 은쥬
    Semantic-ui는 어디서 제작된건가요?
  3. 나그네
    저는 보통 javasciprt와 css를 구분 짖기 위해서

    순수 HTML에는 ID는 스크립트용도로 이용하고

    class는 css용도로만 사용 합니다.

    html에 css를 입히기 위해 id와 class를 혼용해서 써놓으면 나중에 햇갈리더라구요..
  4. SanFrancisco
    너무나 기대가 됩니다 ^^
  5. 맞아
    대화보기
    • flynn
      감사히 잘 보겠습니다. :D
    • 고베베
      감사합니다!
    • 김상훈
      강의 잘 보고 있습니다.
    • 설명 친절하게 잘 해주셔서 이해가 참 잘되네요!
      잘 보았습니다. 고맙습니다 :)
    • Penny Lee
      와~~ 항상 증말 매우 감사드립니다!
    • 시멘틱 UI가 UI라이브러리 중에서 제일 이쁜것 같아ㅇㅛ~~