문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
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> | ||