프론트엔드 엔지니어링의 예술: The art of Frontend Engineering 읽기

프론트엔드 개발을 함께 배우고 얘기 나눠보고 싶어서 프론트엔드 개발자 클럽을 만들어보았어요 :) 같이 프론트엔드 개발 공부하고 이야기 나눠보아요.

프론트엔드 개발이나, 좋은 코드를 작성하는 방법, 좋은 사용자 경험을 제공하는 방법, 개발자로서 일을 잘하는 방법 등등에 대해서 이야기 나누고 학습하면 좋을 것 같아요.

프론트엔드 엔지니어링의 예술: The art of Frontend Engineering 같이 읽기

The art of Frontend Engineering

As the web continues to expand how does Frontend Engineering fit into this landscape and what makes a Frontend Engineer great?

https://www.narative.co/articles/the-art-of-frontend-engineering/

By Dennis Brotzky, Engineer

"웹이 계속 확장되면서 우리가 업무와 여가를 위해 사용하는 도구는 브라우저의 URL과 동의어가 되었습니다. 최고의 디자인과 개발이 결합된 애플리케이션에 대한 요구가 그 어느 때보다 높습니다."

: 정말 맞는 말 같다. 

"프론트엔드 엔지니어는 이러한 요소들을 한데 모아 모든 상호 작용에 만족감을 주는 인터페이스를 만듭니다. 그렇다면 훌륭한 프론트엔드 엔지니어는 무엇이며 왜 그렇게 특별한 것일까요?" 

"프론트엔드는 HTML, CSS, 자바스크립트의 아름다운 조합으로 디자인에 생명을 불어넣는 곳입니다. 어떤 사람들에게는 뒷전일 수도 있습니다. 다른 사람에게는 쉬운 일로 보일 수도 있습니다. " 

"하지만 프론트엔드 엔지니어가 된다는 것은 사용자가 웹을 탐색할 때마다 느끼는 결과물을 책임져야 하는 막중한 책임을 지는 것을 의미합니다." 

"도전과제가 없는 것은 아닙니다. 사용자 인터페이스는 상태, 성능, 디바이스 호환성, 브라우저 호환성 및 API를 관리해야 하는 피할 수 없는 고충을 의미합니다. 지금 작동하는 것이 나중에 고장날 가능성이 높다는 것을 알기 때문에" 

"다른 브라우저를 열거나 새 기기를 가져와 테스트하는 것을 두려워하는 경우가 종종 있습니다."

: 오... 다들 하는 생각이구나. 

"하지만 이 모든 고통에 보상이 따릅니다. UI가 처음으로 렌더링되고 정적인 디자인이 모든 사람이 상호 작용할 수 있는 실체적인 것으로 바뀔 때 - 마법 같은 순간이 항상 있습니다. 아이디어가 실현되고 데이터의 일관성이 확보되는 순간입니다." 

"프론트엔드 엔지니어링이 특별한 이유는 디자인과 엔지니어링이 겹쳐서 인터페이스를 만드는 곳이기 때문입니다. 우리가 만드는 인터랙션이 사용자에게 어떤 느낌을 줄 수 있는지," 

"모든 것이 매끄럽게 느껴지도록 하기 위해 땀을 흘리는 세부 사항, 심지어 이러한 것들이 어떻게 결합되어 방어 가능한 브랜드를 구축할 수 있는지에는 마법이 있습니다."

방어 가능한 브랜드를 만드는 프론트엔드. 

잘하는 프론트 엔지니어들은 디테일에 땀을 흘리고, 한계를 뛰어넘으며, 끊임없이 배웁니다.

이들은 매일 사용하는 도구에 대한 깊은 이해가 있습니다. 프레임워크를 기본으로 사용하지만, 기본 작업을 만드는 자바스크립트도 잘 이해하고 있습니다. 

"유창한 언어처럼 CSS를 활용하고 DOM 요소를 마음대로 조작합니다. 이들은 Stackoverflow 답변에서 가져온 수수께끼 같은 개념이 아니라 브라우저 API를 프로세스의 기초로 간주합니다.

이러한 기본 사항은 클라이언트에서 작업하는 모든 사람의 기준이 됩니다." 

"하지만 저는 눈에 보이는 것 너머의 모든 것, 모든 것을 특별하게 느끼게 하는 사소한 것, 심지어 마법 같은 것까지 더 많은 것이 있다고 믿습니다." 

클라이언트 그 너머

곧 알게 되겠지만, 클라이언트는 그 클라이언트를 구동하는 API만큼만 우수하다는 것을 알게 될 것입니다. 백엔드는 인터페이스 성공의 큰 부분을 차지합니다. 클라이언트는 많은 것을 달성할 수 있는 데 한계가 있으므로  API를 정의하고 데이터베이스에서 데이터가 어떻게 흐르는지 이해하는 것이 중요하며, 이를 통해 엔지니어링의 세계를 열 수 있습니다.

필요한 API를 설계하고 구현까지 할 수 있다면 주변 엔지니어의 프로세스를 간소화할 수 있습니다. 

클라이언트를 넘어선 부분까지 파악할 수 있으면 자연스럽게 모든 업무가 개선됩니다.

디자인은 모든 것입니다. 인터페이스를 구축하려면 디자인이 무엇이고 왜 중요한지 이해해야 합니다. 엔지니어링과 마찬가지로 디자인과 그 원리에는 실제 구조가 있습니다. 

훌륭한 프론트엔드 엔지니어는 이러한 매개변수를 이해하고 이를 작업에 적용합니다.

목표는 디자이너가 자신의 비전을 존중하고 디자인 논리에 기반한 피드백을 제공한다는 것을 알기 때문에 함께 일하고 싶어하는 것이어야 합니다. 

이러한 원칙을 이해한다면 자신의 아이디어를 존중받는 방식으로 전달할 수 있습니다.

저는 세계 최고의 디자이너는 모든 프로젝트에서 병행 작업을 하는 사람, 즉 각 측면을 깊이 존중하고 이해하는 사람이라고 생각합니다. 결국 프론트엔드 엔지니어링은 디자인의 연장선상에 있습니다.