웹 프론트엔드/React 리액트 (실무)3 [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] 개발자가 바라본 머티리얼 디자인(Material Design) | 스큐어모피즘, 플랫, 머티리얼이란 무엇? 지난 글에서는 개발자 입장에서 디자인 시스템에 대해 설명드렸습니다. 웹 앱 개발 관련 디자인 시스템은 현재 진행형이며, 딱 꼬집어서 정의 내리기가 어렵지만 어느 정도의 개념은 잡혔으리라 생각합니다. 뭔 소리여~인 분들은 아래 링크! [React] 개발자가 바라본 WEB 디자인 시스템 | Design and Style Guide, Component Library or UI Kit 많은 IT 서비스 대기업들이 디자인 시스템을 도입하고 있지만, 사실 중소형 규모의 회사 입장에서 하나부터 열까지 전부 구축하기에는 많은 어려움이 따릅니다. 그래서 이번 시간에는 이미 구축되어 있는 구글의 머티리얼 디자인 시스템에 대해 알아보겠습니다. 하지만 그전에! 저 같은 공대 감성이 풍부한 개발자를 위해 잠시 디자인적인(?) .. 2021. 5. 20. [React] 개발자가 바라본 WEB 디자인 시스템 | Design and Style Guide, Component Library or UI Kit '리액트 관련 글에 왜 갑자기 디자인?'이라고 생각하실 수도 있지만, 앞으로 다룰 리액트 실무 관련 포스팅은 이번 내용을 이해하지 못하면 많은 어려움이 따를 수 있습니다. 특히 웹 앱 관련 개발자, 거기서도 프런트엔드 개발자라면 더욱더 디자인 시스템을 이해할 필요가 있습니다. 이미 많은 기업들이 도입했으며 도입하고 있습니다. 그럼 개념부터 ㄱㄱ~ 디자인 시스템이라고 검색하면 가장 많이 나오는 이미지가 아닐까 생각합니다. 그중에서도 개발자인 제 입장에서 가장 그나마 이해하기 쉬운 개념도였습니다. 그럼 설명에 앞서 저는 UI/UX 디자이너가 아닌 평범한 개발자이며, 디자이너의 관점이 아닌 개발자 관점에서 글을 작성한다는 점 양해 부탁드립니다. (한마디로 아트나 디자인을 모르는 공대 갬성) 글로벌 IT 삼대장.. 2021. 5. 18. 이전 1 다음
