# 2024년 웹 개발 트렌드 4가지 > Clean Markdown view of GeekNews topic #13246. Use the original source for factual precision when an external source URL is present. ## Metadata - GeekNews HTML: [https://news.hada.io/topic?id=13246](https://news.hada.io/topic?id=13246) - GeekNews Markdown: [https://news.hada.io/topic/13246.md](https://news.hada.io/topic/13246.md) - Type: news - Author: [ironlung](https://news.hada.io/@ironlung) - Published: 2024-02-07T13:49:28+09:00 - Updated: 2024-02-07T13:49:28+09:00 - Original source: [insight.infograb.net](https://insight.infograb.net/blog/2024/01/31/development-trends) - Points: 9 - Comments: 3 ## Topic Body 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는 개발 업무에서 활발히 쓰일 걸로 전망됨 ## Comments ### Comment 22938 - Author: kyc1682 - Created: 2024-02-08T11:28:24+09:00 - Points: 1 pwa가 널리널리 퍼지길 ### Comment 22915 - Author: wooseop - Created: 2024-02-07T14:25:48+09:00 - Points: 2 통산 993241890283409182번째로 출시된 UI 코드 생성기 덕분에 프론트엔드 개발자들은 시즌 15982034958120394918523284029번째로 멸망했네요... ### Comment 22924 - Author: toaonly - Created: 2024-02-07T18:15:02+09:00 - Points: 1 - Parent comment: 22915 - Depth: 1 언제나 저런 플랫폼은 일정 이상의 퀄리티를 뽑지 못 해 결국 개발자를 찾게 되는 것 같습니다