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