frontend, backend, database, SaaS를 설명하는 16:9 이해하기 쉬운 교육용 인포그래픽을 만든다. 디자인은 다섯 개의 명확한 섹션으로 구성한다. 섹션 01: Frontend. 사용자가 보고, 클릭하고, 조작하는 부분이다. 웹페이지, 미니 프로그램, 앱 인터페이스에 나타난다. 일반적으로 HTML은 구조, CSS는 스타일, JavaScript는 상호작용을 담당한다. 섹션 02: Backend. 사용자가 볼 수 없는 서버에서 로직과 계산을 처리하는 뒤쪽의 두뇌다. 로그인과 회원가입, 가격 계산, 상품 추천, frontend 요청 수신, 데이터 반환을 처리한다. 흔한 프로그래밍 언어는 Java, Python, Go, Node.js와 함께 쓰는 JavaScript다. 섹션 03: Database. 계정, 비밀번호, 주문, 재고 같은 데이터를 저장하고 관리하는 기억 계층이다. 흔한 데이터베이스는 MySQL과 PostgreSQL 같은 관계형 표 기반 데이터베이스, MongoDB 같은 문서형 데이터베이스다. 섹션 04: SaaS, Software as a Service. 사용자는 웹페이지, 미니 프로그램, 앱을 열어 네트워크를 통해 소프트웨어를 사용한다. 보통 월간 또는 연간 구독 방식이다. 흔한 형태는 웹사이트, 모바일 앱, 미니 프로그램이다. 섹션 05: Summary. frontend는 사용자가 보고 조작하는 부분, backend는 뒤에서 실행되는 로직과 계산, database는 데이터를 저장하고 관리하는 부분, SaaS는 사용자가 언제든 온라인으로 소프트웨어를 쓰게 하는 제공 방식이다. 흐름 “Frontend display → Backend processing → Database storage → SaaS delivery”를 보여준다.
16:9
16:9 ・ 4K
