본문 바로가기

리액트 ui2

[React] 머티리얼UI (Material-UI)란 무엇? | 리액트 기반의 UI Framework, Component Library [React] 개발자가 바라본 WEB 디자인 시스템 | Design and Style Guide, Component Library or UI Kit [React] 개발자가 바라본 머티리얼 디자인(Material Design) | 스큐어모피즘, 플랫, 머티리얼이란 무엇? [React 리액트 (실무)]라는 카테고리를 만들고 뜬금없이 디자인 관련된 글을 장황하게 두 번이나 올린 이유는, 바로 오늘 소개하는 머티리얼 UI를 꺼내보기 위한 떡밥 준비였습니다. '머티리얼이 뭐여~ 먹는거여~?' 하시는 분들은 위에 있는 링크 한 번씩 보시고, 이번에는 머티리얼 UI 사용법보다 일단 이게 뭐하는 물건인지 개념 설명부터 들어가겠습니다. 지난 글에서 설명했듯이 2014년 구글이 머티리얼 디자인 시스템을 발표하고 웹 앱 개.. 2021. 5. 28.
[React] 개발자가 바라본 WEB 디자인 시스템 | Design and Style Guide, Component Library or UI Kit '리액트 관련 글에 왜 갑자기 디자인?'이라고 생각하실 수도 있지만, 앞으로 다룰 리액트 실무 관련 포스팅은 이번 내용을 이해하지 못하면 많은 어려움이 따를 수 있습니다. 특히 웹 앱 관련 개발자, 거기서도 프런트엔드 개발자라면 더욱더 디자인 시스템을 이해할 필요가 있습니다. 이미 많은 기업들이 도입했으며 도입하고 있습니다. 그럼 개념부터 ㄱㄱ~ 디자인 시스템이라고 검색하면 가장 많이 나오는 이미지가 아닐까 생각합니다. 그중에서도 개발자인 제 입장에서 가장 그나마 이해하기 쉬운 개념도였습니다. 그럼 설명에 앞서 저는 UI/UX 디자이너가 아닌 평범한 개발자이며, 디자이너의 관점이 아닌 개발자 관점에서 글을 작성한다는 점 양해 부탁드립니다. (한마디로 아트나 디자인을 모르는 공대 갬성) 글로벌 IT 삼대장.. 2021. 5. 18.