원문 이동

1. JAMstack

Javascript : Client의 모든 처리는 Javascript가 수행 API : 모든 기능 및 비즈니스 로직은 재사용 가능한 API가 처리 Markup : SSG(Static Site Generator)나 Template Engine(ex: Webpack)을 이용하여 Markup을 미리 생성

출처: https://velog.io/@perfumellim/JAMstack이란

2. 프론트엔드 프레임워크 TOP 3 : React, Angular, Vue.js

3. CMS를 위한 헤드리스(Headless) 아키텍처

*헤드리스 아키텍처란? ‘몸’ 역할 백엔드(콘텐츠 저장소)가 ‘머리’ 역할 프론트엔드와 분리된 일종의 백엔드 콘텐츠 관리 시스템

헤드리스 CMS는 웹 서비스 API를 이용해 백그라운드에서 독립적으로 실행되어 여러 장치에 콘텐츠를 전송하는 중앙화된 콘텐츠 저장소

4. 마이크로 프론트엔드 아키텍처로의 이동

*마이크로 프론트엔드 아키텍처란? 프론트엔드 앱이 느슨하게 함께 작동하는 개별의 반독립적(semi-independent)인 ‘마이크로 앱’들로 분해되는 디자인 접근 방식

5. 프로그레시브 웹 앱(PWA)

6. GraphQL

7. Motion UI

8. 싱글 페이지 애플리케이션(SPA)

• 브라우저 안에서 작동, 사용하는 동안 페이지 리로딩이 필요없는 앱
• 사용자 경험에 좋다, 속도가 빠르다

9. 비주얼 앱 개발 툴 [Low Code/No Code]

프론트엔드 엔지니어와 개발자가 드래그 앤 드롭을 통해 UI 구성요소를 배치하고 연결하여, 상용 가능한 앱/웹 앱을 만들 수 있는 비주얼 소프트웨어 개발 환경