커뮤니티 영역 뒤에 있던 사진을 없애자는 요청을 받았다. 다른 현장에도 같은 방향으로 적용하자는 말이 이어졌다. 앞에는 시설 사진과 설명이 이미 있었고 뒤에는 별도의 장식 사진이 놓인 구조였다. 나는 어떤 사진을 지우라는 말인지, 어떤 자료는 반드시 남겨야 하는지 구별해서 읽어야 했다.
공통 적용기의 실제 코드는 장식 배경 노드를 제거하는 함수와 사진·설명을 유지하는 작업을 나눠 두었다. CSS는 컨테이너와 가상 요소의 배경 사진도 없앤다. 배경 하나를 덜어내는 일에도 데이터와 표현의 경계, 여러 경로로 되살아날 수 있는 층을 확인하는 절차가 있었다.
앞의 자료와 뒤의 분위기 층은 같은 역할이 아니다
시설 사진은 방문자가 어떤 공간을 설명하는지 이해하는 데 쓰이고, 그 아래 제목과 설명은 의미를 연결한다. 뒤의 장식 사진은 분위기를 보태는 역할이다. 두 사진이 동시에 강하게 보이면 설명할 대상이 무엇인지 흐려질 수 있다. 장식 배경을 덜어내기로 한 요청을 시설 자료까지 삭제하는 지시로 바꾸면 안 된다.
나는 영역을 고칠 때 무엇이 정보이고 무엇이 그 정보를 둘러싼 표현인지 먼저 적는다. 사진이라는 이름이 같아도 쓰임은 다르다. 앞 자료를 유지하면서 뒤의 시각 층만 제거하면 방문자가 읽을 관계를 단순하게 만들 수 있다. 실제 효과는 화면에서 확인해야 하며, 배경을 없앴다는 사실만으로 이해도가 높아졌다고 측정한 것은 아니다.
보이는 배경은 여러 곳에서 만들어질 수 있다
실제 적용 함수는 정해진 장식 배경 노드를 제거한다. 그러나 배경 이미지가 컨테이너나 before·after 같은 가상 요소에도 들어갈 수 있어 CSS의 해당 층도 함께 정리했다. 파일 하나나 요소 하나를 없애고 끝내면 다른 규칙이 같은 사진을 다시 보이게 할 수 있다. 원래 어느 층에서 그려지는지를 살피는 이유다.
변경 범위는 특정 시설 영역에 한정한다. 로고와 도면, 시설 사진이나 필요한 설명까지 공통 이미지 삭제 대상으로 넓히지 않는다. 새 모듈을 붙이거나 다시 빌드한 뒤 배경이 돌아온다면 적용 위치와 정본의 규칙을 확인한다. 보이는 문제를 페이지마다 덮는 방식보다 같은 표현 책임의 위치를 남기는 편이 좋다.
사진을 빼고 남는 영역도 구성한다
소스는 배경 사진을 없애면서 중성 바탕을 둔다. 이미 있는 시설 사진과 설명이 그 위에 남도록 하는 선택이다. 아무 배경도 없다는 말이 간격과 영역 구분을 생각하지 않는다는 뜻은 아니다. 제목, 사진, 설명 사이의 거리와 서로 어떤 묶음인지 읽히는 구조를 유지해야 한다.
자료가 여러 개면 열 수와 실제 화면 폭도 중요하다. 보완 CSS에는 작은 화면에서 한 열로 만드는 규칙과 자료 수에 맞춘 배치가 따로 있다. 배경 삭제와 자료 격자 배치를 하나의 속성으로 처리하지 않는다. 사진의 원래 내용과 선택 동작, 필요한 표시를 보존한 뒤 구성의 흐름을 확인한다.
시설 이름과 생성 표시는 사진 밖·안의 다른 관계를 갖는다
이 영역에서 사진 아래에는 시설 이름과 설명이 남고, 해당 연출 사진의 생성 표시는 사진 전용 영역 안으로 연결한다. 이것들은 같은 텍스트라도 다른 관계다. 이름은 카드가 설명하는 대상과 이어지고, 생성 표시는 해당 시각 자료와 이어진다. 모두 한 상자 끝에 배치하면 설명 길이와 함께 관계가 흔들릴 수 있다.
배경을 덜어낼 때도 이런 표기와 실제 자료를 같이 확인해야 한다. 장식이 사라졌다고 생성 사진이 사실 사진으로 바뀌는 것은 아니다. 선언된 설명을 지우지 않고, 원래 시설이 실제로 있다는 확인과 연출 장면이 어떤 모습인지 구별한다. 이번에 원래 픽셀을 보지 못한 상태에서 시설 구성 자체를 검증했다고 쓰지 않는다.
무엇을 더할지보다 무엇을 남길지 묻는다
홈페이지를 만들다 보면 비어 보이는 곳에 또 사진이나 문구를 넣고 싶어진다. 이 작업은 반대 방향의 선택도 기록으로 남겼다. 이미 필요한 자료가 있는 영역에서는 추가 장식보다 그 자료를 읽을 자리를 확보하는 수정이 먼저일 수 있다. 모든 홈페이지에서 배경 사진을 없애야 한다는 취향 규칙으로 넓히지는 않는다.
의뢰자는 앞의 사진과 뒤의 사진 중 어느 것이 실제 안내인지 구별해 요구할 수 있다. 제작자는 제거할 층과 유지할 자료를 명확히 적고, 다시 생성하거나 공통 파일을 갱신한 뒤에도 같은 범위가 유지되는지 확인한다. 내가 남기고 싶은 방법은 적게 보이게 만드는 양의 조절보다, 정보와 표현의 책임을 나눠 덜어내는 순서를 정하는 일이다.