문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
wiki:youtube:드림코딩_by_엘리 [2021/01/06 10:59] emblim98 |
wiki:youtube:드림코딩_by_엘리 [2023/01/20 13:53] (현재) dhan |
||
---|---|---|---|
줄 8: | 줄 8: | ||
<WRAP clear></ | <WRAP clear></ | ||
- | ======= 2021 웹개발 트렌드 (2021.01.05) | + | |
+ | ====== 개요 ====== | ||
+ | [[https:// | ||
+ | |||
+ | ====== 2021 웹개발 트렌드 (2021.01.05) ====== | ||
===== Web FrameWorks ===== | ===== Web FrameWorks ===== | ||
* React.js | * React.js | ||
줄 38: | 줄 42: | ||
- Apis는 Headless CMS를 이용해서 구현할 수 있다. | - Apis는 Headless CMS를 이용해서 구현할 수 있다. | ||
- Markup을 이용해서 Front-End를 구현할 수 있다. | - Markup을 이용해서 Front-End를 구현할 수 있다. | ||
- | | + | |
\\ | \\ | ||
====== SPA & PWA ====== | ====== SPA & PWA ====== | ||
줄 63: | 줄 67: | ||
===== Voice Search and Navigation ===== | ===== Voice Search and Navigation ===== | ||
===== Material Design --> Motion Design ===== | ===== Material Design --> Motion Design ===== | ||
+ | * Material Design | ||
+ | * Google이 만든 디자인 시스템으로 Android, iOS, Flutter 그리고 Web에 대한 고품질의 디지털 경험 구축을 도와준다. [[https:// | ||
+ | \\ | ||
+ | * Motion | ||
+ | * UI에 Motion(움직임)을 부여해서 UI에 표현력을 부여하고 사용하기 쉽게 한다.[[https:// | ||
===== Ref ===== | ===== Ref ===== | ||
- | + | - Flutter ( 플러터 ) : 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일되는 구굴의 UI 툴킷 [[https:// | |
+ | - CMS ( Contents Management System ) : 서버에 대한 지식이 없어도 간편하게 콘텐츠를 관리할 수 있도록 데이터베이스도 생성 | ||
+ | - Netlify[[https:// | ||
{{tag> | {{tag> |