Bramus Van Damme는 벨기에 출신의 웹 개발자입니다. 14세 (1997년)에 뷰 소스를 발견한 순간부터 그는 웹에 푹 빠졌고 그 이후로도 고전하고 있습니다. 그의 웹 개발 과정에 대해 들어보고 오늘날 CSS에서 무엇이 흥미롭다고 생각하는지 들어 보았습니다.
이 게시물은 Designcember의 일부입니다. web.dev에서 선보이는 웹 디자인 기념 이벤트
Rachel: 웹 개발로 들어온 경로는 무엇이었나요?
Bramus: 어렸을 때 저는 항상 무언가를 다루곤 했습니다. 저는 며칠 동안 LEGO® 블록을 가지고 놀면서 나만의 판타지 세계와 물건을 직접 만들었어요.
1990년대에는 특이한 장치였던 컴퓨터를 집에 가져왔을 때, 실물 장난감과 컴퓨터 게임을 거래했습니다. 하지만 게이머는 아니었지만 게임을 완전히 끝냈다고 생각하지 않습니다. 게임을 끝내는 대신 모딩을 하게 되었죠.
1997년 해당 게임과 도구에 관한 정보를 찾다가 view-source도 발견했습니다. 어떻게 제작되었는지 궁금해서 방문한 사이트의 HTML 스니펫을 수집하기 시작했습니다. 이 스니펫을 Frontpage Express (Internet Explorer 4 및 5와 함께 제공되는 애플리케이션)와 결합하여 곧 나에 대한 정보가 포함된 첫 웹페이지를 만들었습니다. 그 페이지는 결코 게시되지 않고, 내가 가지고 다닐 수 있는 플로피 디스크 중 하나에만 존재했어.
그 때부터 저는 컴퓨터와 웹에 점점 더 관심을 갖게 되었습니다. 이러한 관심으로 인해 고등학교 때 고의로 1년 동안 학업을 망쳤습니다. 그래서 전공을 경제학에서 IT로 전환할 수 있었습니다. IT 분야에서 경력을 쌓고 싶다는 생각이 들었습니다. 2002년에는 대학에 들어갔을 때 HTML을 제대로 배우고 CSS와 JavaScript에 대한 첫걸음을 내디뎠습니다. 3년 동안 웹이 제 진짜 열정이라는 것을 깨달았고, 대학을 졸업한 2005년에 전문 웹 개발자로서 첫 직장을 맡게 되었습니다.
일선 및 백엔드 개발자로서
Rachel: 사이트에서 귀사가 프론트 및 백엔드 개발자라는 것을 발견했습니다. 원래 Perl, PHP, MySQL 개발자라는 비슷한 경로를 따랐습니다. 어느 쪽이 더 기대를 받나요? 스택의 일부에 불과한 학습의 복잡성을 고려할 때 하이브리드 개발자가 될 가능성이 사라졌다고 생각하시나요?
Bramus: 경력 전반에 걸쳐 백엔드와 프런트엔드 사이를 끊임없이 이동했습니다. 1년 동안 저는 JavaScript와 React (및 React Native)에 깊이 몰입했고, 그다음 해에는 Terraform 스크립트와 Docker 컨테이너를 만들게 되었습니다. 저는 이 둘을 조합하는 것을 좋아합니다. 하지만 항상 프런트엔드, 특히 CSS에 열정을 갖고 있습니다.
웹을 처음 접하는 초창기에는 한 사람이 '웹마스터'로만 결정했고, 모든 것을 해내고 있었습니다. 그 당시에는 작업 범위가 상당히 제한적이었기 때문에 따라하기가 매우 쉬웠습니다. 지난 20년 동안 프런트엔드와 백엔드가 모두 폭발적으로 증가하면서 해당 분야의 전문성을 유지하기가 점점 더 어려워졌습니다. 그래서 2020년에는 다시 프런트엔드에 주력하기로 했습니다.
레이첼: 특히 CSS에 관한 글을 쓰기 시작한 이유는 무엇인가요?
Bramus 제 블로그의 콘텐츠는 항상 제가 진행 중인 프로젝트를 반영해 왔습니다. 따라서 프런트엔드 및 백엔드 게시물이 혼합되어 있습니다.
Fronteers Conference 및 CSS Day와 같은 회의에 참석한 덕분에 심층적인 프런트엔드 게시물을 작성할 수 있었습니다. 예를 들어 Tab Atkins-Bittner에서 2013년 CSS 맞춤 속성에 대해 이야기한 것을 보면 이 속성이 공식화되기 몇 년 전부터 있었고, 2015년에 Google에 그리드를 설명하는 귀하 (레이첼 앤드류)는 저에게 직접 이 속성에 대한 글을 작성하게 되었습니다. 당시 저는 공과 대학에서 웹 및 모바일 개발 강사였기 때문에 이 과목을 학생들에게 가르칠 것이므로 정말 관심을 기울여야 할 이유가 있었습니다.
2019년부터 CSSWG를 면밀히 모니터링하고 토론에 참여하기 시작했습니다. 기능 플래그로 작동하는 기능을 개발하는 브라우저 덕분에 읽고 있는 내용이 출시되기 전에도 실험해 볼 수 있었습니다. 그런 다음 제 블로그의 콘텐츠에 반영되었습니다.
초보 작가를 위한 조언
레이첼: 기술에 관한 글쓰기를 시작하려는 사람에게 어떤 조언을 하고 싶으세요?
Bramus: 망설이지 말고 그냥 시작해 보세요. CSS 한 줄로 하거나 1년에 1개의 게시물이거나 구독자가 '5명'인 경우에도 마찬가지입니다. 마음가짐을 키우고 원하는 글을 작성하세요. 저는 블로그에 글을 써서 기술을 보다 자세히 배우는 데 도전했을 뿐만 아니라 개인적으로나 직업적으로나 기술을 배울 수 있는 기회의 장을 열었습니다.
Medium이나 Twitter와 같은 외부 서비스에 지나치게 의존하지 말고 나만의 공간을 만들어 보세요. 장기적으로는 결과가 좋기 때문입니다. 고급 CMS, 빌드 파이프라인, 댓글 시스템 없이도 시작할 수 있습니다. 텍스트 편집기와 여유 시간만 있으면 됩니다. HTML을 간단한 스타일시트와 결합하면 많은 시간을 절약할 수 있습니다.
CSS의 새로운 기능
Rachel: CSSWG와 브라우저에서 개발 중인 여러 새 기능에 대해 작성하셨는데요. 웹의 미래에 가장 흥미진진한 점은 무엇이라고 생각하시나요? 여러분의 전문적인 업무에 가장 즉각적인 영향을 미칠 것이라고 생각하는 것은 무엇인가요?
Bramus: 많은 개발자와 함께 CSS 컨테이너 쿼리에 대해 큰 기대를 가지고 있습니다. 캐스케이드 레이어 및 스크롤 링크 애니메이션과 같은 다른 출시 예정 기능도 마음에 들지만 컨테이너 쿼리가 분명 가장 큰 영향을 미칠 것입니다. 이를 통해 반응형 페이지에서 반응형 구성요소로 전환할 수 있습니다.
Rachel: CSS에 추가되었으면 하는 기능은 무엇인가요?
Bramus: 스크롤로 연결된 애니메이션은 제가 바라는 기능 중 하나입니다. 지금은 편집자의 초안일 뿐입니다. JavaScript에 의존하지 않고 하드웨어 가속 스크롤을 정의할 수 있다는 점은 제가 생각하는 점진적 개선 모델이자 최소한의 힘의 법칙에 완벽하게 부합합니다.
CSS 수습 기간도 제 몫입니다. 첫 에디터스 초안이 작성된 이후로 2년 넘게 걸렸지만 지난 여름 첫 번째 공개 작업 초안이 발표되어 무척 기뻤습니다.
이러한 더 큰 기능 외에도 사소한 조정과 추가는 확실히 감사할 것입니다. 악센트 색상과 같은 요소는 개발자의 삶을 더 편리하게 만들어 주므로 제 얼굴에 확실히 미소를 짓게 됩니다.
웹 사용자가 팔로우하도록 유도하는 권장사항
Rachel: 지금 웹에서 정말 흥미롭거나 재미있거나 창의적인 작업을 하는 사람은 누구인가요?
Bramus: 답변하기는 매우 어려운 질문입니다. 많은 사람들이 저에게 놀라움과 감동을 주는 콘텐츠를 만들고 있습니다. 예를 들어 Adam Argyle과 그의 GUI 도전, Stephanie Eckles의 프로젝트, Michelle Barker의 블로그 게시물, Kevin J. 파월, CSS Working Group에서 Miriam Suzanne이 담당하고 있는 작업, Una Kravets의 팟캐스트, Jake Archibald의 기사, Jake와 Surma의 HTTP 203, George fris' Houdini의 작업 및 Temani Afif의 게시물 이 분들과 그들의 프로젝트는 물론 제가 지금 잊고 있는 다른 많은 분들도 존경심과 존경을 받고 있습니다.
제 인생에서 가장 영향력 있는 사람은 제레미 키스였습니다. 시맨틱 HTML, 점진적인 개선, 회복력에 관한 그의 가르침은 제게 눈부신 순간이었습니다. 제가 학생들에게 해 준 메시지를 지금도 전하고 싶습니다. JavaScript가 전 세계를 휩쓸고 있고, 주니어 개발자가 웹의 기초를 놓치고 있는 것처럼 보일 때, 그의 게시물과 강연은 그 어느 때보다도 관련성이 높습니다.
레이첼: 트위터에서 브래머스를 팔로우하고 bram.us의 블로그에서 팔로우할 수 있습니다.