사용자 도구

사이트 도구


wiki:youtube:드림코딩_by_엘리

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
wiki:youtube:드림코딩_by_엘리 [2021/01/06 10:59]
emblim98
wiki:youtube:드림코딩_by_엘리 [2023/01/20 13:53] (현재)
dhan
줄 8: 줄 8:
 <WRAP clear></WRAP> <WRAP clear></WRAP>
  
-======= 2021 웹개발 트렌드 (2021.01.05) =======+ 
 +====== 개요 ======  
 +[[https://www.youtube.com/c/%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9by%EC%97%98%EB%A6%AC|드림코딩]] 
 + 
 +====== 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를 구현할 수 있다. 
-     CMS ( Contents Management System ) 서버에 대한 지식이 없어도 간편하게 콘텐츠를 관리할 수 있도록 데이터베이스도 생성+     [[https://jamstack.org/what-is-jamstack/|What is Jamstack?]]
 \\ \\
 ====== 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://material.io/design/introduction|material.io]] 
 +\\ 
 +   * Motion 
 +     * UI에 Motion(움직임)을 부여해서 UI에 표현력을 부여하고 사용하기 쉽게 한다.[[https://material.io/design/motion/understanding-motion.html#principles|Understanding motion]]
  
  
 ===== Ref ===== ===== Ref =====
- +   - Flutter ( 플러터 ) : 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일되는 구굴의 UI 툴킷 [[https://flutter-ko.dev/|Flutter]] 
 +   - CMS ( Contents Management System ) : 서버에 대한 지식이 없어도 간편하게 콘텐츠를 관리할 수 있도록 데이터베이스도 생성 
 +   - Netlify[[https://www.netlify.com/|Netlify]]
 {{tag>오션 NCS, 국가직무능력표준}} {{tag>오션 NCS, 국가직무능력표준}}
/volume1/web/dokuwiki/data/attic/wiki/youtube/드림코딩_by_엘리.1609898349.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)