title: "front 관련 트렌드 기술 용어 정리(2024.02)"
description: "front 관련 트렌드 기술 용어 정리(2024.02)"
cleanUrl: /sw-engineer/frontend-tech-trend-2024-02
ogImage: "<https://anyflower.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F7570d2fc-66b1-4e23-bb3c-ff7b56842b0d%2F4dbd7516-3d98-41a7-90a9-48893c401372%2FUntitled.png?table=block&id=225d2a46-b0bb-45eb-9494-7d8fdc8f6e8e&spaceId=7570d2fc-66b1-4e23-bb3c-ff7b56842b0d&width=1060&userId=&cache=v2>"
floatFirstTOC: right

근래의 Web 기술 트렌드라는 몇몇 컬럼을 읽다 보니 눈에 걸리는 용어가 보여 간단히 내가 이해한 수준에서 적어 둔다. 몇몇 용어는 새로운 가치를 담았다기에는 무리가 있어 보이기도. 이외 SSG, MDX, ZTA 등 일부는 이미 오랜 용어이지만 이제야 이해했기에 함께 적었다. MDX는 그렇다쳐도 SSG는 나타나 인기를 끈지 10년이 넘은 듯 한데, 뒤쳐진 내가 좀 부끄러워지기도.

아래는 용어 정리를 하게 만든 컬럼 중 일부이다.

7 Web Development Trends for 2024

Top software development trends for 2024

PWA(Progressive Web App)

이미지 출처: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/What_is_a_progressive_web_app

이미지 출처: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/What_is_a_progressive_web_app

smartphone 초창기부터 계속 이어지던 web으로의 phone app 기술 단일화 - cross platform 개발의 또 다른 시도인 듯. 그나마 기대했고 성과를 내는 듯 했던 Reactive Native, Flutter 조차 어려워 보이던데… PWA는 그래봤자 browser를 그대로 쓰는 web app이라 이질적 UX나 늦은 반응성 문제를 얼마나 해결하는지 의문.

구조적으로 browser가 native 관련 지원을 해야 할 텐데 Android에서는 Google이 PWA tutorial까지 만든 상황이니 그렇다 쳐도, Apple의 경우 이에 대해 공식적인 지원에 대한 언급을 찾기 어려울 뿐 아니라 많은 부분이 지원 안되는 모습을 보이는 도표마저 보이는 중.

References

What is a progressive web app? - Progressive web apps | MDN

ZTA(Zero Trust Architecture)

주어진 환경이 어떠한 보안 서비스도 제공하지 않음을 가정하는 아키텍처. Zero trust security model로도 불린다고. 보통 각종 보안 서비스(e.g. firewall, subnetting, IPS 등)가 설치된 private network에서 서버 기반 서비스가 동작하곤 하는데, Zero Trust Architecture에서는 이들 보안 서비스를 자체적으로 구현해야한다는 의미가 될 듯.

이런 불편한 아키텍처가 뜬 이유는 이식성 요구가 가장 큰 이유가 아닐까 한다. container 등의 환경 가상화가 일반화되어 상황이 이를 부추겼겠고. microservice간에도 mTLS를 사용하라고 권장하는 service mesh의 주장을 떠올리기도 한다(cross availabilty zone 기반의 서비스 간 통신 시 packet 노출 위험 제거 등의 용도).

References

Zero trust security model