Bramus Van Damme은 벨기에 출신의 웹 개발자입니다. 14세 때 (1997년) 소스 보기를 발견한 순간부터 웹에 매료되어 지금까지 웹을 가지고 놀고 있습니다. 웹 개발 여정에 대해 알아보고 오늘날 CSS에서 흥미로운 점이 무엇인지 알아보기 위해 그와 이야기를 나눴습니다.
이 게시물은 Designcember의 일부입니다. web.dev에서 제공하는 웹 디자인 축제입니다.
레이첼: 웹 개발을 시작하게 된 계기는 무엇인가요?
브라무스: 어렸을 때부터 이것저것 만지작거리는 걸 좋아했어요. 레고® 블록으로 며칠 동안 놀면서 나만의 판타지 세계와 물건을 처음부터 만들곤 했습니다.
1990년대에는 컴퓨터가 흔치 않았는데, 집에 컴퓨터가 생기자마자 물리적인 장난감을 컴퓨터 게임으로 바꿨습니다. 하지만 열렬한 게이머는 아니었습니다. 게임을 완전히 끝낸 적이 없는 것 같습니다. 게임을 끝내는 대신 모딩을 하고 있었습니다.
1997년에 이러한 게임과 도구에 관한 정보를 검색하던 중 view-source도 발견했습니다. 사이트가 어떻게 구축되었는지 궁금해진 저는 방문한 사이트의 HTML 스니펫을 수집하기 시작했습니다. 이 스니펫을 Frontpage Express (Internet Explorer 4 및 5에 포함된 애플리케이션)와 결합하여 곧 내 정보가 포함된 첫 번째 웹페이지를 만들었습니다. 이 페이지들은 게시된 적이 없으며, 제가 가지고 다니던 플로피 디스크 중 하나에만 있었습니다.
그때부터 컴퓨터와 웹에 더 많은 관심을 갖게 되었습니다. 이러한 관심으로 인해 고등학교에서 일부러 1년을 낙제하여 전공을 경제학에서 IT로 바꿨습니다. IT 분야에서 경력을 쌓고 싶었기 때문입니다. 2002년 대학에 진학한 후 HTML을 제대로 배우고 CSS와 JavaScript를 처음 접했습니다. 3년 동안 웹이 진정한 열정이라는 것을 깨달았고, 대학을 졸업한 후 2005년에 전문 웹 개발자로 첫 직장을 구했습니다.
프런트엔드 및 백엔드 개발자
레이첼: 사이트에서 프런트엔드 및 백엔드 개발자라고 하셨습니다. 저도 원래 Perl, PHP, MySQL 개발자였는데 비슷한 길을 걸어왔습니다. 어느 쪽이 더 흥미롭게 느껴지나요? 스택의 한 부분만 학습하는 데도 복잡성이 따르기 때문에 하이브리드 개발자가 될 가능성이 사라지고 있다고 생각하시나요?
브라무스: 저는 경력을 쌓는 동안 백엔드와 프런트엔드를 계속 오갔습니다. 어떤 해에는 JavaScript와 React (심지어 React Native)에 푹 빠져 있다가 다음 해에는 Terraform 스크립트와 Docker 컨테이너를 만들기도 했습니다. 두 가지를 혼합하는 것을 좋아하지만 항상 프런트엔드, 특히 CSS에 대한 열정이 있었습니다.
웹을 처음 접했을 때는 '웹마스터'가 모든 작업을 처리했습니다. 당시에는 작업 범위가 상당히 제한적이었기 때문에 따라잡기가 쉬웠습니다. 지난 20년 동안 프런트엔드와 백엔드가 모두 폭발적으로 성장하면서 이 분야 전반에 걸쳐 전문성을 유지하기가 점점 더 어려워졌습니다. 그래서 2020년에 다시 프런트엔드에 주로 집중하기로 했습니다.
레이첼: 특히 CSS에 관한 글을 쓰기 시작한 이유는 무엇인가요?
Bramus 내 블로그의 콘텐츠는 항상 내가 작업 중인 프로젝트를 반영해 왔습니다. 따라서 프런트엔드와 백엔드 게시물이 혼합되어 있습니다.
Fronteers Conference 및 CSS Day와 같은 컨퍼런스에 참석한 덕분에 심층적인 프런트엔드 게시물을 작성할 수 있었습니다. 예를 들어 2013년에 탭 앳킨스-비트너가 CSS 맞춤 속성에 관해 이야기하는 것을 보거나 2015년에 레이철 앤드류가 그리드를 설명하는 것을 본 것이 바로 그에 관한 글을 쓰게 된 계기였습니다. 당시 저는 기술 대학에서 웹 및 모바일 개발 강사로 일하고 있었기 때문에 나중에 학생들에게 이러한 주제를 가르칠 예정이라 관심을 기울일 수밖에 없었습니다.
2019년부터 CSSWG를 자세히 모니터링하고 토론에 참여하기 시작했습니다. 기능 플래그 뒤에 있는 기능을 브라우저에서 작업한다는 것은 출시되기 전에도 읽은 내용을 실험해 볼 수 있다는 의미였습니다. 그런 다음 블로그의 콘텐츠를 통해 반영되었습니다.
신규 작가를 위한 조언
레이첼: 기술에 관한 글을 쓰고 싶어 하는 사람들에게 어떤 조언을 해 주시겠어요?
Bramus: 망설이지 말고 바로 시작하세요. CSS 한 줄에 관한 내용이거나, 연간 게시물이 1개이거나, 구독자가 '단' 5명인 경우에도 마찬가지입니다. 자신이 찾고 싶었던 기사를 직접 작성하세요. 블로그에 글을 쓰면서 기술을 더 자세히 배우는 데 도전했을 뿐만 아니라 개인적으로나 직업적으로도 기회를 얻을 수 있었습니다.
Medium이나 Twitter와 같은 외부 서비스를 지나치게 신뢰하지 말고 웹에 자체 공간을 마련하세요. 장기적으로는 효과가 있습니다. 시작하는 데는 멋진 CMS, 빌드 파이프라인, 댓글 시스템이 필요하지 않습니다. 텍스트 편집기와 약간의 시간만 있으면 됩니다. 간단한 스타일시트와 결합된 HTML을 사용하면 많은 것을 할 수 있습니다.
CSS의 새로운 기능
레이철: CSSWG와 브라우저에서 개발 중인 많은 새로운 기능에 관해 글을 쓰셨는데, 웹의 미래에 가장 흥미로운 기능은 무엇이라고 생각하시나요? 자신의 전문 업무에 가장 즉각적인 영향을 미칠 것으로 생각되는 것은 무엇인가요?
브라무스: 많은 개발자와 마찬가지로 CSS 컨테이너 쿼리에 대한 기대가 큽니다. 캐스케이드 레이어, 스크롤 연결 애니메이션과 같은 다른 예정된 기능도 기대되지만 컨테이너 쿼리가 가장 큰 영향을 미칠 것입니다. 이를 통해 반응형 페이지에서 반응형 구성요소로 전환할 수 있습니다.
레이첼: CSS에 추가되었으면 하는 기능이나 기능은 무엇인가요?
브라무스: 스크롤 연결 애니메이션은 제가 앞으로 나아가기를 바라는 기능 중 하나입니다. 현재는 편집자 초안일 뿐입니다. JavaScript에 의존하지 않고 하드웨어 가속 스크롤을 정의할 수 있다는 점은 점진적 개선과 최소 권한의 원칙에 관한 내 사고 모델에 완전히 부합합니다.
CSS 중첩도 관심사입니다. 첫 번째 편집자 초안이 나온 후 2년이 넘었지만 지난여름에 첫 번째 공개 작업 초안이 출시되어 매우 기뻤습니다.
이러한 큰 기능 외에도 작은 조정과 추가 기능도 확실히 마음에 듭니다. accent-color와 같은 기능은 개발자로서의 삶을 더 쉽게 만들어 주므로 정말 마음에 듭니다.
팔로우할 웹 사용자에 대한 추천
레이첼: 지금 웹에서 정말 흥미롭고 재미있거나 창의적인 작업을 하고 있는 다른 사람이 있나요?
브라무스: 대답하기가 매우 어려운 질문입니다. 저를 놀라게 하고 영감을 주는 콘텐츠를 제작하는 사람이 너무 많습니다. 예를 들어 Adam Argyle의 GUI 과제, Stephanie Eckles의 프로젝트, Michelle Barker의 블로그 게시물, Kevin J. Powell, CSS 작업 그룹에서 미리엄 수잔이 하는 작업, 우나 크라베츠의 팟캐스트, 제이크 아치볼드의 기사, 제이크와 수르마의 HTTP 203, 조지 프랜시스의 Houdini 작업, 테마니 아피프의 게시물 등이 있습니다. 이러한 사람들과 그들의 프로젝트, 그리고 지금은 잊고 있는 많은 다른 사람들에게 존경과 감탄을 보냅니다.
내 경력에서 가장 큰 영향을 준 사람은 제레미 키스라고 생각합니다. 그가 시맨틱 HTML, 점진적 개선, 복원력에 대해 가르쳐 준 것은 제게 큰 깨달음을 준 순간이었습니다. 이 메시지는 제가 학생들에게 전했던 메시지이며, 지금도 널리 알리고 싶습니다. JavaScript가 세상을 지배하고 주니어 개발자가 웹의 기본 사항을 건너뛴 것처럼 보이는 시대에 그의 게시물과 강연은 그 어느 때보다 관련성이 높습니다.
레이첼: 트위터에서 브라무스를 팔로우하고 bram.us 블로그를 확인할 수 있습니다.