참고할만한 프론트앤드 웹UI

2020. 9. 24. 02:16 CSS/bootstrap

스마트폰, 노트북, pc,탭 등 다양한 스마트 기기가 나오면서

홈페이지 ui는 격변의 시기를 겪고 있다고 봐도 무방합니다.


현재 각종 기기에 대응하기위하여 ui자체가 반응형ui가 이제 기본으로 자리잡았습니다.

개발자들이 쓰기좋은 사용자 ui 개발 엔진에대하여 살펴보죠..

기본적으로 아래 있는 엔진은 무료라고 보시면될것 같습니다.







1.부트스트랩 (MIT라이센스)

http://getbootstrap.com


장점: 상용디자인, 무료 디자인 템플릿 등 다양하고 화려한 ui템플릿 제공

트위터에서 초기 개발한 ui라고 하던데!! 통합된 ui 환경을 만들기 좋습니다.


그냥 core만 써도 ui구성하는데는 이만한 엔진도 없습니다.


bootstrap 써본사람들이 bootstrap하는지 이해가 갑니다.

특히 free 템플릿, 상용템플릿이 어마어마한것들이 많습니다.

https://wrapbootstrap.com/themes?branch=4.x  상용템플릿 보고 뻑갔죠..


jquery와 bootstrap 같이 쓰면 진짜 왠만한 레이아웃은 다만들수 있습니다

jquery 쓸만한 메뉴구성 플러그인들이 지천에 깔려 있습니다.




2.마테리얼라이즈 (MIT라이센스)

http://materializecss.com/getting-started.html


장점: 간결하면서 다양한UI제공,간편한 소스제공

나름 쓸만한것 같습니다.

버젼이 버젼인지라 다양한 템플릿이 없습니다.




3.HTML5UP (cca3.0)

https://html5up.net


장점: 간결하고 심플한 UI제공,간결한소스

소스자체가 간결합니다. jquery만 알아도 사용가능



4.material-ui

http://www.material-ui.com

https://material.io/

장점: 심플한 UI제공, 구글에서만들어서 폰에 최적화!

괜찮은 움직임에 빨리 구동되는게  좋습니다.

다만 원하는 디자인으로 구성하기 참 힘들더군요!

소스도 뭔가 좀 지저분하구요!    

ui라이브러리 안 만들어본 애들이 만든 느낌이라고 할까요>