2024년 웹 개발 트렌드 4가지

1.‘이미지→코드’ 생성형 AI 도구 등장

• 이미지를 입력하면 AI 모델이 코드를 자동 생성
• 영국 IT 기업 tldraw
  • 스케치를 코드로 변환하는 기능 출시
  • 소프트웨어 tldraw의 화이트보드에 그래프를 그린 다음, ‘Make Real’ 버튼을 누르면 그래프를 Matplotlib 코드로 바로 변환함
• 미국 IT 기업 Vercel
  • AI 기반 UI 시스템 v0 공개
  • 웹사이트의 가격표 스크린샷을 입력하면 AI로 몇 초 안에 이를 코드로 변환
  • v0는 코드를 출력해 사용자가 특정 부분을 수정하도록 지원
  • “프론트엔드 개발의 종말”이라는 평까지 받으며 소프트웨어 엔지니어 사이에서 화제
• 이러한 기술은 개발 업무의 생산성과 효율성을 높이되 소프트웨어 엔지니어에게는 새로운 도전이 될 것

2.프로그레시브 웹 앱(PWA) 도입 확산

• PWA는 모바일 앱과 비슷한 환경을 제공하는 웹용으로 개발된 앱
• 모바일 기기의 웹 환경에서도 네이티브 앱과 같은 수준으로 사용자 경험을 누리도록 지원
• 서비스 워커로 애플리케이션 리소스와 데이터를 캐시 하면 인터넷에 연결되지 않아도 PWA가 작동
• PWA는 오프라인 접근 가능성, 푸시 알림, 빠른 로딩을 지원하여 사용자 경험을 향상
• 애플
  • 애플은 지속적인 iOS 업데이트로 PWA를 발전시키는 데 기여
  • PWA로 네이티브 앱과 비슷한 환경을 지원
  • iOS에서는 푸시 알림, Safari 외 브라우저 지원이 제한되지만 이는 업데이트로 점차 개선
• 마이크로소프트 행보
  • Microsoft Store에 PWA를 무료로 게시하도록 지원
• 시장에서 영향력이 높은 빅테크 기업의 지원과 PWA 강점에 힘입어 입지는 더 넓어질 것

3.서버리스 아키텍처 활용 증가

• 서버리스 아키텍처는 클라우드 공급자가 관리하는 환경에서 애플리케이션을 개발하고 배포하는 방법
• 서버 관리 부담을 줄이고, 클라우드 기반 서비스를 활용해 인프라를 관리
• 개발자는 애플리케이션 개발에 더 집중할 수 있음
• AWS Lambda, Azure Functions, Google Cloud Functions가 서버리스 아키텍처 관련 서비스로 활발히 쓰임
• 넷플릭스
  • 비디오 인코딩, 사용자 인증 처리, 백엔드 프로세스 관리 업무에 AWS Lambda를 사용
  • 사용자가 동영상을 올리면 람다 함수가 트리거돼 콘텐츠를 여러 기기에서 스트리밍하기에 적합한, 다양한 포맷으로 인코딩하고 처리
  • 비용을 최적화하면서 사용자에게 원활한 스트리밍 경험을 제공
• 스포티파이
  • Google Cloud Functions를 활용해 음악 스트리밍 플랫폼 안에서 여러 백엔드 작업을 처리
  • 함수는 트리거돼 사용자 인증을 관리하고, 사용자가 생성한 콘텐츠를 처리하며, 음악 추천 알고리즘을 위한 백엔드 작업을 수행
• 개발자가 개발에 집중하도록 돕고, 서버리스 서비스 기능이 발전하는 등 여러 요소의 영향을 받아 서버리스 아키텍처는 앞으로도 적극적으로 도입될 것

4.자동화에 힘입은 CI/CD 활성화

• CI는 개발자가 코드 변경 사항을 공유 저장소에 정기적으로 통합하는 것
  • 여러 개발자의 작업을 실시간으로 통합하고, 문제도 조기에 발견
  • CI 과정에서는 코드 통합 후 단위 테스트, 통합 테스트, 기능 테스트가 자동으로 실행
• CD는 테스트를 통과한 코드를 자동으로 프로덕션 환경에 배포하는 것
  • 이는 사람 개입을 최소화하고, 배포 과정의 신뢰성을 높임
• CI/CD는 개발 프로세스를 자동화해 개발자가 더 빠르고 효율적으로 개발하도록 지원
• 버그를 빠르게 찾아 수정하고, 제품 완성도를 높여 시장에 이를 신속하게 출시하는 데 도움이 됨
• 이러한 강점을 이유로 CI/CD는 개발 업무에서 활발히 쓰일 걸로 전망됨