[정리] PWA란 무엇인가? ( + serviceWorker)
·
개발/정리
1. PWA란? PWA란 Progressive Web Application의 약자로 웹 기술의 유연성과 접근성을 활용하면서 모바일 앱과 유사한 사용자 경험을 제공하는 웹 어플리케이션 유형이다. PWA는 최신 웹 브라우저가 있는 모든 장치에서 작동하도록 설계되어 플랫폼 간 호환성을 제공하고 플랫폼별 개발의 필요성을 줄인다. 2. PWA의 특징 (1) 반응형 디자인 PWA는 기본적으로 반응형 디자인을 염두하여 개발해야 한다. 반응형 디자인은 다양한 화면 크기와 방향에 맞게 레이아웃과 콘텐츠를 자동으로 조정한다. 이를 통해 스마트폰, 태블릿 및 데스크탑과 같은 다양한 장치에서 일관된 사용자 경험을 보장한다. (2) 연결 독립성 PWA는 기본 브라우저 스레드와 별도로 백그라운드에서 실행되는 서비스워커를 사용한다..
[정리] MSA란 무엇일까? (Node.js 예시)
·
개발/정리
MSA란? MSA는 "Micro Services Architecture"의 약자로 애플리케이션을 작고 독립적인 서비스 단위로 분할하고, 이러한 서비스들을 조합하여 하나의 애플리케이션을 구축하는 아키텍처 스타일이다. MSA 활용 MSA는 대규모 애플리케이션 개발에 적합하다. 예를 들면, 인터넷 서비스, 전자상거래, 은행, 보험 등과 같은 대규모 시스템에서 많이 사용된다. MSA는 각각의 서비스를 독립적으로 배포하고 확잘할 수 있도록 한다. 따라서 서비스 간의 의존성을 최소화하고, 각각의 서비스를 독립적으로 개발하고 배포할 수 있다. MSA 예시 코드 (Node.js) [server1.js] const express = require('express'); const app = express(); app.ge..