풀스택 서버리스 프로젝트 with React - 5. 프로젝트 기획

사이드 프로젝트：10개 기술스택으로 구현하는 풀스택 서버리스 프로젝트 with React
Part 2. 프로젝트 기획하기
Ch02. 디자인 기획

 

# 디자인 Mock-up 툴 소개

## Mock-up 이란?

- 실제 서비스를 만들기 전 실제 서비스 처럼 모형을 만들어 보는 단계
- 제품의 기능이나 디자인을 사전에 검토하기 위해 제작

## 디자인 툴 소개

- Figma: https://help.figma.com/hc/en-us
    - Bootstrap UI Kit : https://www.figma.com/community/file/876022745968684318
    - Material UI Kit: https://ui-kit.co/
- Bootstrap Studio: https://bootstrapstudio.io/ - 유료

### UI 컴포넌트

- Bootstrap, Material UI 등 theming library 이용하곤 함.
- 혹은 디자이너가 직접 UI 컴포넌트를 제작

### React 기반 UI 컴포넌트

- https://mui.com/
- https://blueprintjs.com/
- https://react-bootstrap.github.io/