2년 동안 반복해서 만든 것들, 그리고 거기서 남은 방법
브이스트로에서는 게임과 블록체인 서비스 외에도 기업 홈페이지와 랜딩 페이지를 꾸준히 만들었습니다. 에너지마이닝, ShareWBS, TERATTO, MintWay, Racy 같은 사이트와 자사 홈페이지·플랫폼 랜딩 페이지, 그리고 게임 에디터의 레이아웃 편집 화면이 여기에 해당합니다.
이런 작업은 하나하나로 보면 특별할 것이 없습니다. 그런데 2년 동안 반복하면 이야기가 달라집니다. 같은 종류의 화면을 계속 만들다 보면, 매번 처음부터 만드는 사람과 두 번째부터 빨라지는 사람의 차이가 벌어집니다.
이 시기에 내가 회사에 남긴 가장 큰 변화는 개별 사이트가 아니라 작업 방식이었습니다. 하나는 디자인 협업 도구를 포토샵 기반에서 Figma로 옮긴 것이고, 다른 하나는 백엔드 스택(ASP.NET Core MVC)을 직접 익혀 화면 쪽 작업을 백엔드 팀을 거치지 않고 끝낼 수 있게 만든 것입니다.
후자는 프론트엔드 개발자의 일이 아니라고 볼 수도 있습니다. 다만 당시 팀 규모에서는 화면 하나 고치려고 백엔드 일정을 기다리는 것이 가장 큰 병목이었고, 컨트롤러와 뷰를 직접 만질 수 있게 되자 그 대기 시간이 사라졌습니다.
문제가 무엇이었고, 무엇을 골랐고, 그래서 어떻게 됐는지.
결정 01
결정 02
결정 03
에너지마이닝, ShareWBS, TERATTO, MintWay, Racy 등 기업 사이트 프론트엔드.
브이스트로 자사 소개 사이트와 플랫폼 랜딩 페이지 제작.
템플릿을 기반으로 각 서비스에 맞춘 관리자 대시보드를 구성.
드래그로 요소를 배치하는 게임 템플릿 편집 화면 구현.
카페24·워드프레스 기반 사이트를 Next.js로 단계적으로 이전.
SI 성격의 작업은 포트폴리오에 적기 애매합니다. 하나하나가 짧고, 기술적으로 새로운 것도 별로 없기 때문입니다. 그런데 돌아보면 내가 지금 쓰는 방식의 상당 부분이 이 반복에서 만들어졌습니다. 같은 것을 여러 번 만들어 봐야 무엇이 매번 다시 필요한지가 보입니다.
이 시기에 잘한 선택 하나를 꼽으라면 '이건 내 일이 아니다'라고 선을 긋지 않은 것입니다. 백엔드 뷰를 직접 만져 본 덕분에 서버가 화면을 만드는 방식을 알게 됐고, 나중에 서버 컴포넌트를 만났을 때 훨씬 덜 헤맸습니다.
다만 개별 프로젝트의 기록을 제대로 남겨 두지 않은 것은 아쉽습니다. 지금 이 사이트를 만들면서 당시 작업을 정리하는 데 애를 먹은 이유이기도 합니다. 그래서 이후로는 끝난 작업도 짧게라도 적어 두려고 합니다.