웹 프론트엔드 개발자에 대한 소회

누구나 알다시피 최근 웹 기술의 경향은 단연 클라이언트 쪽에 집중되어 있다.

수 년전을 비교해 보면 엄청난 변화이다. 웹 개발은 크게 프론트엔드와 백엔드로 나누어져 있지만, 국내에서는 프론트엔드 보다 백엔드 개발자 흔히 ‘웹 프로그래머’ 혹은 ‘웹 개발자’라고 부르는 사람들의 가치가 더 높았다.

하지만, 웹 프론트엔드가 더 복잡해지고 다양한 기술이 쏟아지면서, 이쪽 기술 직군의 정의가 점점 어려워지고있다. HTML 코더, 웹 퍼블리셔, UI 개발자, 프론트엔드 개발자, RIA 개발자 등의 용어가 혼재되고 있다.

스스로 백엔드 개발자 출신이긴 하지만 Firefox와 웹 표준, Ajax 등의 국내 보급을 초창기에 시작했던 사람으로서 웹 프론트엔드 직군에 대한 남다른 관심을 가지고 있기 때문에 이 문제에 대한 소회를 한번 이야기 해볼까 한다.

웹 프론트엔드 직군이란?
2000년대 초반만 하더라도 웹 개발에서는 웹마스터, 웹개발자, 웹디자이너로 나눠져 있었다. 대부분 웹 개발자가 마크업을 담당했는데, (웹 표준 마크업의 주요성이 덜할 당시) 효율성을 위해 웹 디자이너가 만든 PSD 파일을 짤라서 HTML로 코딩만 하는 ‘HTML 코더’라는 직종이 있었다.

HTML코더는 주로 계약직으로 근무를 하고 필요시에만 들어오는 일시성 업무를 담당하고 있었고, 지금도 작은 웹에이전시에서는 적지 않은 사람들이 이런 일을 하고 있는 것 같다. 2004년경 다음 CTO Staff으로 있던 시절 가장 난감했던 것 중 하나가 HTML 코더가 웹 개발 직군(즉, 웹 백엔드 개발자) 이동을 위해 인터뷰를 하는 것이었다.

하지만, 2000년대 중반 부터 웹 표준 마크업의 중요성이 대두되면서 포털 업계를 중심으로 ‘UI 개발’ 직군이 중요한 화두로 떠 오른다. (X)HTML과 CSS를 중심으로 DOM을 핸들링하는 자바스크립트까지 다루는 기술셋을 가진 개발자들이다. 포털에서는 이들을 ‘UI개발자’라고 불렀고, 웹 에이전시에서는 ‘웹 퍼블리셔’라는 이름으로 불려지기 시작했던 것 같다.

당시만 해도 사실 이 직군들은 별도로 독립하기 어려웠다. 다음에서도 한때는 디자인 직군에 속해 있다가 2006년에야 개발 직군으로 옮겨 CTO 밑으로 편입되었고, UI센터라는 소규모 조직을 구성했다. 이후 Ajax와 플래시 개발자들이 계속 합류하면서 2008년에야 FT센터로 확대하였다.

배경이 다른 사람들간의 충돌
2006년에 UI센터가 만들어지는 데에는 2004년 부터 시작된 웹 표준과 Ajax 기술 도입에 대한 필요성이 매우 컸다. 한 가지 독특한 사실은 현재 Ajax 개발 시니어들이 대부분 당시 백엔드 개발을 했던 사람들이라는 점이다.

최근 다양한 자바스크립트 프레임웍들이 나오고, HTML5 기술에 웹 애플리케이션 API들이 추가되면서 (문서 기반을 넘어서는) 웹앱의 프로그래밍적 요구가 더 커지고, 기술 배경이 전혀 다른 두 직군에서 온 사람들간의 소통 문제가 이슈가 되고 있는 것 같다.

마크업을 중요시 하고 자바스크립트 사용을 가급적 쓰지말라는 퍼블리셔나 Ajax 애플리케이션을 만들면서 자바스크립트 객체와 메소드로만 사이트를 만드는 경우도 가끔 본다. 두 가지 양 극단 모두 바람직하지는 않다.

웹 기반 프론트엔드 기술은 HTML 문서 객체와 CSS 디자인 요소 그리고 웹 접근성을 배경 지식으로 자바스크립트와 표준 API를 써서 애플리케이션을 만들어야 하는 어려운 분야이긴 하지만 웹이 가진 보편적인 철학을 공유한다면 소통하는 건 어렵지 않다고 확신한다.

역할에 따른 모델 제안
분명한 사실은 HTML/CSS/DOM/JS 기술을 떠난 프론트엔드 개발은 불가능하다. 요즘에는 게임도 웹으로 만들고 2D/3D 그래픽도 웹으로 하는 시대다. 하지만, 한 사람이 모든 걸 다 섭렵하는 건 쉬운일이 아니기 때문에 다음과 같이 역할 분담을 해보면 어떨까 싶다.

• 웹 퍼블리셔: HTML/CSS/DOM을 기반으로 정보성 웹 사이트를 제작하는 경우. 사용자의 편의를 위해 자바스크립트 라이브러리를 활용할 수 있으며, 정보 접근이 중요시 되는 웹 사이트를 만드는 사람.
• 웹 UI 개발자: HTML/CSS/DOM을 기반으로 웹 애플리케이션 을 제작하는 경우. 사용자의 기능적인 면을 더 중요시 하고 자바스크립트 프레임웍을 활용할 수 있으며, 기능 접근이 중요시 되는 웹 사이트를 만드는 사람
• RIA 개발자: 데스크톱 리치 인터넷 기술(플래시, Flex, AIR, Sliverlight)을 이용하여, 보다 다양하고 인터랙티브한 웹 사이트를 만드는 사람.

이 세 가지를 모두 통합하는 용어로서 프론트엔드 개발자(Front-end Developer)라는 용어를 사용하는 것이다.

지금은 FT 영역의 개발 편의를 위해 자바스크립트 프레임웍이나 백엔드도 자바스크립트로 만드는 프레임웍(node.js 등)을 만들고 유지 보수하는 사람도 있다. 뿐만 아니라 HTML5 API의 확장에 따라 웹 게임 개발자, 웹3D UI 개발자 등 다양한 직군으로 분화될 조짐까지 보이고 있다.

웹 FT의 미래는 더 밝다!
프론트엔드 개발자보다 백엔드 개발자들의 몸값이 높고, 백엔드 중에서도 자바나 닷넷 개발자가 PHP나 Python을 쓰는 개발자 보다 몸값이 높은 아이러니한 상황은 국내만의 이상한 현상이다. (웃긴 건 Yahoo, Facebook 모두 PHP를 주력 개발 언어로 쓴다.)

앞서 말한 대로 Daum에서는 2006년쯤 한메일 익스프레스를 만들면서 백엔드 개발자 일부가 프론트엔드로 직군을 이동했지만 (HR에서 고민은 했겠지만) 연봉을 깎거나 하지 않았다. UI 개발 직군을 새로 만들면서 팀도 많이 생기고 팀장 승진자도 나왔다. 이는 상위 다른 포털 회사들도 거의 같은 현상을 겪었다.

2010년에 다음에서는 약 40명의 신입 개발자를 뽑았는데 그 중에 약 30명을 FT센터로 보냈다. 대부분 컴퓨터공학 전공자들로
프로그래밍을 하는 친구들이다. 모바일 웹 이슈가 있는 점도 적지 않았지만 무엇 보다 진정한 웹 개발자로 성장하기 위해서는 웹 프론트엔드 기술을 신입 시절때 부터 접해 봐야 한다는
이유에서다.

아직도 “HTML이나 자바스크립트 하는게 뭔 개발이야?”라고 하는 분들께 나는 꼭 이 한마디를 보태 드린다. “구글에서는 아이비리그 나온 박사들도 다 HTML이랑 자바스크립트 해야 하거든요?”

더 읽어 볼 글
이 땅의 웹 디자이너에게 고함 (윤석찬) 2005년에 쓴 글…
UI 개발자의 비전 (윤석찬) 2006년에 쓴글…

본 글은 의견을 요청하는 글(Request for Comments)입니다. 여러분의 의견 특히 FT 직군에 계신 분들의 의견을 요청하는 바입니다. 트랙백을 주시면 의견 글로 링크해 드리겠습니다.

• 토론: 어떤 직함이 좋은가? (클리어보스)
• 웹 퍼블리셔라는 말을 만든 이유 (신현석)
• UI 개발자, 웹퍼블리셔 소개 (출처:하코사)
• UI 개발이라는 분야의 변천사 (구경택)
• 프론트엔드 작업자들의 포지션 (쏭군)
• 프론트엔드 엔지니어와 웹 퍼블리셔 (신현석)
• 프론트엔드 개발자는 엔지니어가 아닌가? (구경택)
• 프론트엔드 개발자 (AJ)
• 퍼블리셔 혹은 프론트엔드 개발자에 대한 개인적인 생각 (Outsider)
• 프론트엔드 개발 그리고 웹퍼블리싱 (underfront)
• 프론트앤드 개발자, 그리고 아직은 후보 미드필더 (봄눈)
• 번역/요약: Professional Front-end Engineering (Elegantcoder)
• 토론: 퍼블리셔 혹은 프론트엔드 개발자에 대한 논의에 대해(CDK)
• 토론: 프론트엔드 개발에 대한 트위터 토론 (#front_end)

- Channy Yun (윤석찬);

※ Disclaimer- 본 글은 개인적인 의견일 뿐 제가 재직했거나 하고 있는 기업의 공식 입장을 대변하거나 그 의견을 반영하는 것이 아닙니다. 사실 확인 및 개인 투자의 판단에 대해서는 독자 개인의 책임에 있으며, 상업적 활용 및 뉴스 매체의 인용 역시 금지함을 양해해 주시기 바랍니다. (The opinions expressed here are my own and do not necessarily represent those of current or past employers. Please note that you are solely responsible for your judgment on checking facts for your investments and prohibit your citations as commercial content or news sources.)