2023년에 주목해야할 웹 트렌드를 조사하고 정리해보았다.

2023 주목해야 할 웹 트렌드

1. JavaScript & TypeScript

2023년에도 자바스크립트와 타입스크립트는 웹 개발 트렌드의 중심에 서 있다. 프론트엔드와 백엔드의 구분이 생긴 이전부터 프론트엔드 개발의 대부분을 차지하고 있으며, 백엔드의 영역도 이미 자바스크립트와 타입스크립트가 침투해 있다.

특히 타입스크립트가 뚜렷한 존재감을 보이고 있다. 스택오버플로우 2021년 개발자 설문조사의 Most popular technologies 부분에서 7위를 차지 했지만, 2022년에는 자바를 꺽고 2단계 상승한 5위에 이름을 올렸다. 웹 개발에 파이를 많이 가지고 있는 개발자는 반드시 공부해야할 언어이고, 특히 자바스크립트와 타입스크립트를 동시에 공부하는 것이 좋다.

2. Sass 플랫폼

미국 실리콘 밸리뿐만 아니라 전세계의 IT 기업은 및 스타트업은 Sass 플랫폼 개발에 힘쓰고 있다. 노션, 피그마 등 대표적인 Sass 플랫폼들의 성공이 Sass 플랫폼 개발에 대한 관심을 높였다. 그리고 좋은 아이디어 하나만으로 Sass 플랫폼을 구축해 상장하면 부와 명예를 동시에 얻을 수 있다는 점도 인기에 한 몫을 했다.

3. React

리액트는 의심할 여지 없이 시장에서 가장 잘 알려진 프론트엔드 프레임워크다. 3~4백만명의 활성 사용자 활동하고 있으며, 150만개 이상의 웹앱이 리액트를 활용해서 제작되었다. (BBC, Airbnb, Pinterest, Asana, Reddit 및 UberEats) 이러한 추세는 2023년에도 계속 될 것이다.

4. GraphQL

GraphQL은 2015년에 Facebook에서 공개한 쿼리 언어이고, 2018년 GraphQL을 사용하는 웹앱이 100만개를 넘어선 이후로 꾸준히 성장세를 유지하고 있다. 요즘 실리콘 밸리와 유럽에서는 REST API 대신 GraphQL을 사용하는 추세라고 한다.

5. Jamstack & Headless CMS

잼스택(Jamstack)은 점점 인기가 높아지고 있는 웹 개발 방식으로, 웹 개발 및 웹 페이지의 다운로드 속도를 높이기 위해 주로 사용된다. 데브옵스와 CI/CD에서 파생된 잼스택은 인터랙티브 웹 페이지 구축의 오랜 전통을 뒤집었다는 점에서 주목받고 있다.

잼스택은 자바스크립트, API, 마크업(Markup)이라는 세 가지 축을 기반으로 하는 웹 애플리케이션 아키텍처다. JAM이라는 단어도 이 세 기술의 앞 자에서 따왔다. 잼스택을 추구하는 웹 페이지는 표준 마크업 언어로 구성되어 애플리케이션 서버 또는 노드JS와 같은 서버 사이드 기술에 의존하지 않고 어디서나 빌드하고 테스트할 수 있다.

LAMP(Linux Apache MySQL PHP) 스택과 비교하면, 잼스택은 더 빠르고, 더 안정적이며, 더 확장 가능하다. 대표적인 플랫폼으로 Netlify, Vercel, Gatsby, Firebase, Heroku, AWS Amplify 등이 있다.

잼스택 사이트의 CMS는 다른 방식으로 동작하는데, 이를 ‘헤드리스(headless)’라고 표현한다. 헤드리스 CMS는 콘텐츠 입력 및 관리를 위한 UI와 이를 저장하기 위한 데이터베이스 또는 다른 수단을 제공하지만, 브라우저가 파싱할 HTML 코드를 자체적으로 생성하지는 않는다. 웹사이트의 정적 HTML 페이지는 자바스크립트를 사용해서 CMS의 API를 호출하고, CMS는 자바스크립트가 웹페이지로 변환할 수 있는 형식으로 콘텐츠를 반환한다.

이 시스템은 콘텐츠를 프레젠테이션 계층에서 철저히 분리할 수 있다. 많은 프로그래머가 늘 바라던 이상적인 구조다. 이런 구조에선 CMS에 접근 가능한 API가 있으므로 여러 웹 페이지에서 손쉽게 콘텐츠에 접근할 수 있다. 예를 들어 모바일, 데스크톱, 스마트워치 등 기기마다 각각 다른 웹사이트 버전을 제작하는 경우, 모든 버전이 CMS에 저장된 동일한 콘텐츠에 접근할 수 있다.

6. PWA

PWA는 Progressive Web App의 약자로, 프로그레시브 웹 앱이라고도 불린다. 모바일 브라우저에서 로드 및 실행할 수 있으며 사용자가 앱을 사용하는 것처럼 느끼게 하는 웹을 말한다.

PWA의 사용으로 얻는 이점은 아래와 같다.

• PWA는 서비스 작업자가 수행하는 브라우저 수준 캐싱 덕분에 매우 빠른 속도로 로드된다. 이러한 이유로 사용자가 앱을 여는 즉시 앱이 로드된다.
• 기기에 많은 저장 공간이 필요한 앱에 비해 가볍다.
• PWA는 널리 사용되는 모든 모바일 플랫폼과 브라우저에서 원활하게 실행되며 이를 위해 하나의 코드 베이스만 필요하다.
• 업데이트는 실시간으로 이루어지며 앱 스토어에서 업로드할 필요가 없다.
• PWA는 일관되고 원활한 경험을 제공하고 쇼핑 카트, 결제, 알림 등의 경험을 향상시킨다.
• PWA 앱은 SEO 친화적이다.

7. Mobile First

Mobile First 디자인은 스마트폰 등장 이후 B2C 시장에서 최고 트렌드로 자리 잡고 있다. 스마트폰 사용자가 폭발적으로 늘어나면서 데스크톱으로 웹에 접속하는 시간보다 모바일에서 웹이나 앱 등의 서비스에 접속하는 비율이 늘어나고 있기 때문에 모바일 대응이 중요해졌다. 2023년에도 Mobile First 디자인은 여전히 최고 트렌드로 자리 잡을 것으로 예상된다.