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