용어 색인

A   B   C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V   W   X   Y   Z


용어 색인

A   B   C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V   W   X   Y   Z


용어 색인

A   B   C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V   W   X   Y   Z

용어

동적 웹 페이지

간략한 정의

동적 웹 페이지는 웹 페이지 방문자가 콘텐츠를 요청하면 콘텐츠를 취합하여 보여주며, 방문자의 요구 사항에 맞게 콘텐츠 또는 데이터를 통합합니다.

주요 내용

 

동적 웹 사이트는 기본 모바일 앱처럼 신속하게 작동하고 풍부한 상호 작용이 가능한 웹 경험을 바라는 고객의 기대에 부응하는 데 필수 요소가 되고 있습니다.

조직의 주요 과제는 다이내믹한 경험의 요구 사항에 부합하도록 자사의 콘텐츠를 규모에 맞게 관리하는 한편 콘텐츠가 다양한 환경에서 표시되는 방식을 제어하는 것입니다.


Gabriel Walt는 Adobe 웹 경험 관리 부문 제품 관리자로, Experience Manager Sites의 개발자 주제를 책임지고 있으며, 주력 분야는 웹 사이트 제작 프로세스의 간소화 및 혁신입니다.

Q: 동적 웹 페이지는 어떻게 작동합니까?

A: 다이내믹한 방식의 웹 페이지 콘텐츠 렌더링은 지금까지 서버에서 수행되어 왔습니다. 그러나 최신 웹 브라우저의 발전된 기능이 탑재된 방문자의 브라우저에 직접 취합된 콘텐츠를 전달하면 엄청난 이점들이 있습니다. 서버의 부하를 줄일 수 있다는 것과 사용자 인터랙션이 더욱 빨라진다는 점입니다.

동적 웹 페이지는 환영 메시지를 개인화하거나 방문자의 인구통계학적 정보에 맞게 메인 배너를 타겟팅하는 것부터 전체 경험을 고도로 인터랙티브하게 만드는 것에 이르기까지 모든 가능성을 제공합니다. 동적 웹 페이지를 고도로 인터랙티브한 형태로 만든 것을 보통 웹 애플리케이션 또는 단일 페이지 애플리케이션이라고 합니다.

최근 몇 해 사이 React, Angular 또는 Vue와 같이 웹 앱 구축을 간소화하기 위한 다양한 JavaScript 프레임워크가 등장했습니다. 많은 경우, 이렇게 만들어진 앱은 JSON 포맷의 원시 콘텐츠만을 소비하게 되고, 이러한 프레임워크가 브라우저에서 모든 HTML을 취합하여 방문자에게 표시합니다.

다양한 여러 가지 동적 웹 페이지가 있기 때문에 이러한 모든 유형의 페이지를 지원하여 특정 상황에 가장 적절한 아키텍처를 선택할 수 있는 백 엔드 솔루션을 선택하는 것이 매우 중요합니다.

Q: 동적 웹 페이지의 가치는 무엇입니까?

A: 경험 관리 관점에서 볼 때, 동적 웹 페이지는 모든 방문자가 동일한 콘텐츠를 서비스 받게 되는 정적 웹 페이지와 달리, 각 방문자에 맞게 경험을 조정할 수 있다는 점에서 흥미롭습니다.

어디에서나 볼 수 있는 기본 모바일 앱이 고객의 기대 수준을 설정하는 기준이 되므로, 고객은 모바일 앱과 동일한 수준의 개인화와 풍부한 인터랙션 요소를 갖춘 웹 경험을 기대합니다.

동적 웹 페이지를 사용하면 방문자와 고객은 효과적으로 타겟팅된 메시지와 더욱 매끄럽고 빨라진 상호 작용의 이점을 누릴 수 있습니다. 고객들이 매력적으로 느끼고 상호 작용을 더 많이 하게 되면 결과적으로 고객 전환율이 상승하게 됩니다. 또한 고객의 참여도가 높아지면, 비즈니스는 고객에 대한 정보를 더 많이 얻게 되므로 고객에게 더욱 밀접한 경험을 제작할 수 있는 등의 선순환이 이루어집니다.

Q: 기업이 동적 웹 페이지를 사용하려고 하지 않는 이유는 무엇입니까?

A: 동적 웹 페이지는 다양한 차원에서 조직의 패러다임 전환을 초래하게 됩니다.

첫째, 동적 웹 페이지의 개발은 여러 가지 다양한 스킬이 요구되는 복합적인 프로세스입니다. 즉 뛰어난 프런트 엔드 전문성을 지닌 개발 팀이 필요하다는 뜻이며, 이를 다시 바꿔 말하면 JavaScript 프레임워크에 대한 전문 지식을 가지고 있어야 한다는 의미입니다. 백 엔드 개발자도 여전히 필요하지만 프런트 엔드와 같은 정도의 전문성을 갖추지 않아도 괜찮습니다. 백 엔드 개발자의 업무는 주로 적합한 JSON 콘텐츠 서비스를 프런트 엔드로 제공하는 것이 됩니다.

둘째, 웹 사이트가 개인화되고 다이내믹할수록 더 많은 콘텐츠를 제작해야 할 뿐만 아니라 콘텐츠를 표시할 맥락을 개괄적으로 파악하기가 더욱 어려워지게 됩니다. 이 정도 양의 콘텐츠를 제작하여 대규모로 관리할 준비가 되어 있지 않은 조직이라면 이 모든 노력이 수포로 돌아갈 수 있습니다. 따라서 먼저 콘텐츠 마케팅 전략을 수립하는 것이 중요합니다.

마지막으로 이러한 노력을 뒷받침할 솔루션이 필요합니다. 즉, 개발 팀이 최고의 경험을 구현하고, 콘텐츠 저작자가 콘텐츠를 대규모로 유연하게 관리할 수 있는 적합한 솔루션이 필요합니다.

하지만 경쟁업체보다 한발 앞서 나가기를 원한다면 이는 모두 필요한 변화입니다. 웹 사이트가 모바일 앱처럼 인터랙티브하고 개인화되어 완전한 웹 앱이 되지 못할 이유는 없습니다.

Q: 동적 웹 페이지 사용 시 흔히 하는 실수는 어떤 것이 있습니까?

A: 많은 프로젝트에서 저작 기능은 무시하고 최신 웹 앱을 완벽하게 구현하는 데에만 집중합니다. 그 결과 저작자는 콘텐츠가 어디에 표시되는지는 알아도 자신이 만든 콘텐츠가 다양한 맥락에서 표시되는 방식은 제어할 수 없는 헤드리스 콘텐츠 관리 시스템(헤드리스 CMS)을 사용하게 됩니다. 웹 앱의 목적이 더욱 나은 고객 경험을 서비스하는 것인데, 역설적으로 저작자는 전체 고객 경험을 전혀 제어할 수 없는 양식 기반의 콘텐츠 관리 인터페이스를 사용하게 됩니다.

이 문제를 중요하게 여기지 않을 뿐만 아니라 오히려 이점으로 생각하기도 합니다. 즉 콘텐츠 저작자가 프레젠테이션과 맥락이 아니라 콘텐츠 자체에만 집중할 수 있도록 간소화된 인터페이스로 되어 있으므로 더욱 효율적으로 작업할 수 있다는 논리입니다. 개인화로 인해 증가한 콘텐츠 수요를 더욱 효과적으로 충족할 수 있다는 점에서는 맞는 말이지만, 전체적으로 보면 그렇지 않습니다. 콘텐츠 저작자가 콘텐츠가 취합되는 방식과 사용되는 곳을 제어할 수 없다면 순수한 콘텐츠 관리 외의 변경 작업은 개발 팀에 도움을 구해야 합니다. 콘텐츠의 취합 방식을 변경해야 하는 상황이 생기면 개발 팀에 병목 현상이 나타나고, 신속한 업데이트가 더욱 어려워집니다. 이러한 문제는 콘텐츠를 여러 언어와 시장으로 확대하고, 개발 팀이 이미 다른 프로젝트와 다음 작업을 시작한 후에야 발견하게 됩니다.

이 문제를 예방하기 위해서는 콘텐츠 저작자가 개발자의 도움 없이 방문자 경험의 맥락에 따라 콘텐츠 취합을 조정할 수 있는 사이트를 구현하도록 개발자에게 지시해야 합니다.

Q: 동적 웹 페이지는 어떻게 발전했습니까?

A: 웹 페이지는 점점 더 다이내믹한 페이지로 진화되어 왔습니다. 처음에는 정적인 웹 페이지로 출발하여 지금은 웹 앱의 시대가 되었습니다. 이 과정에서 콘텐츠 저작자들은 다이내믹한 맥락에 맞게 콘텐츠를 관리하는 데 어려움을 겪었고, 콘텐츠가 표시되는 방식에 대한 제어권도 잃었습니다. 진화의 다음 단계는 마케터에게 두 가지 웹 페이지의 좋은 점만 제공하는 것입니다. 즉 엄청난 양의 콘텐츠를 제작하고 관리할 수 있는 강력한 툴과 정적인 웹 페이지의 컨텍스트 기반 편집 기능입니다. 저작자는 이제 맥락을 알 수 없는 헤드리스 시스템만을 사용하는 동적 웹 페이지와 저작자가 시각 요소를 제어하고 콘텐츠를 미리 볼 수 있는 정적인 웹 페이지 중에서 하나를 선택하지 않아도 됩니다.

Adobe가 도와드리겠습니다

Adobe Experience Cloud를 통해 지식을 행동으로 전환하십시오.