웹의 역사는 레이아웃 기술의 역사와 맞닿아 있다. 테이블 레이아웃에서 플로트 기반 디자인으로, 다시 플렉스박스와 그리드로 진화해온 CSS는 이제 성숙의 단계에 접어들었다. 하지만 이 성숙함이 곧 완성이나 종착점을 의미하지는 않는다. 오히려 새로운 도전의 시작일지도 모른다. 최근 등장한 ‘프리텍스트’라는 개념은 웹 레이아웃의 근본적인 한계를 지적하며, CSS를 대체할 새로운 접근 방식을 제시한다. 이 제안이 실현될지는 미지수지만, 그 논의 자체가 중요한 화두를 던지고 있다: 우리가 지금껏 당연하게 여겨온 레이아웃 시스템은 정말 최선일까?
CSS의 한계는 의외로 오래전부터 느껴져 왔다. 복잡한 문서 구조를 다룰 때 개발자들은 종종 ‘해킹’에 가까운 기법을 동원해야 했다. 미디어 쿼리를 남발해 반응형 디자인을 구현하고, 가상 요소를 동원해 레이아웃을 미세 조정하는 식이다. 이런 방식은 근본적인 해결책이 아니라 임시방편에 가깝다. 특히 텍스트 기반의 복잡한 문서—예를 들어 기술 문서, 법령, 학술 논문—를 웹에서 구현할 때 CSS의 한계는 더욱 두드러진다. 글자와 단락, 이미지와 표가 유기적으로 연결되어야 하는 문서에서 CSS는 종종 ‘충분하지 않다’는 느낌을 준다.
프리텍스트가 제안하는 것은 레이아웃을 ‘선언적’이 아닌 ‘명령적’으로 처리하는 방식이다. 즉, CSS처럼 ‘어떻게 보여야 하는가’를 정의하는 대신, ‘무엇을 어떻게 배치할 것인가’를 직접 계산하는 엔진을 도입하자는 것이다. 이 접근법의 핵심은 레이아웃을 텍스트의 흐름과 분리하지 않고, 텍스트 자체의 논리적 구조에 기반해 동적으로 배치하는 데 있다. 예를 들어, 주석이나 각주가 본문과 어떻게 연결되어야 하는지, 또는 인용문이 문맥상 어디에 위치해야 하는지를 시스템이 스스로 판단하게 만드는 식이다.
레이아웃은 디자인의 문제가 아니라, 정보의 문제다. 우리가 CSS로 해결하려 했던 것은 사실상 정보의 구조를 시각적으로 표현하는 일이었다. 하지만 CSS는 그 구조를 온전히 담아내기에 부족했다.
이 제안이 흥미로운 이유는 단순히 기술적 대안을 제시하는 데 그치지 않기 때문이다. 그것은 웹의 본질을 다시 묻는다. 웹은 원래 하이퍼텍스트 시스템으로 출발했고, 텍스트와 링크가 그 핵심이었다. 하지만 시간이 지나면서 웹은 점점 더 시각적 매체로 변모했고, CSS는 그 변화의 산물이었다. 그러나 시각적 표현에 치중한 나머지, 텍스트의 논리적 구조는 종종 뒷전으로 밀려났다. 프리텍스트는 이 지점을 파고든다. ‘텍스트의 논리가 먼저고, 시각적 표현은 그 다음’이라는 원리를 재확립하려는 시도다.
물론 이 접근법이 만능 해결책은 아니다. 명령형 레이아웃 엔진은 성능과 복잡성 측면에서 새로운 도전을 안고 있다. 또한, 이미 수십 년간 축적된 CSS 생태계와의 호환성 문제도 간과할 수 없다. 하지만 이런 도전이 필요한 이유는, 현재의 시스템이 더 이상 진화하기 어려운 지점에 도달했기 때문이다. CSS는 분명 강력하고 유연한 도구지만, 그 유연성에는 한계가 있다. 특히 복잡한 문서 구조를 다룰 때 그 한계는 더욱 뚜렷해진다.
여기서 주목해야 할 점은, 기술의 발전이 항상 기존 시스템을 완전히 대체하는 방향으로 이루어지지 않는다는 사실이다. 때로는 기존 시스템의 한계를 보완하는 새로운 레이어가 등장하기도 한다. 프리텍스트가 CSS를 완전히 대체할지는 모르지만, 적어도 레이아웃 기술의 새로운 가능성을 열어젖혔다는 점에서 의미가 있다. 그것은 우리가 웹을 어떻게 바라보아야 하는지에 대한 근본적인 질문을 던진다: 웹은 단순한 시각 매체인가, 아니면 정보의 구조를 담는 그릇인가?
이 논의는 결국 웹의 미래를 설계하는 문제로 이어진다. CSS가 해결하지 못한 문제들을 새로운 방식으로 접근하려는 시도들은 앞으로도 계속될 것이다. 중요한 것은 그 과정에서 웹의 본질을 잊지 않는 것이다. 웹은 원래 텍스트와 링크로 시작되었고, 그 단순함 속에 무한한 가능성이 담겨 있었다. 레이아웃 기술의 진화도 결국 그 가능성을 더 잘 실현하기 위한 여정의 일부일 뿐이다.
관련 논의는 여기에서 확인할 수 있다.
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
