프리랜서(?)인 나는, 취미 생활로 하던 외주 개발을 벌써 5년째 하고 있다.
본업은 아니기 때문에 큰 규모의 웹 사이트는 받지 않는다. 그래서 간단한 이벤트 페이지를 주로 제작한다.
한 가지 일을 오래 하다보면 신기한 경험을 하게되는 것 같다.
(대학생 때부터 해오던 일이라 내 기준 가장 오래하고 있는 일이였다 😂)
나는 게임을 좋아하는데, 그중에서도 우리나라를 대표하는 프로게이머인 페이커 선수를 정말 좋아하고 존경한다.
출처 : 브릿지 경제
어느날 평소와 똑같이 외주 문의를 받았는데, 목업 파일 제목에 Hall of Legend라고 적혀있었다.
Hall Of Legends
전설의 전당이라... 하면서 전달받은 이미지 에셋들을 확인해보니,
무려 페이커 선수의 전설의 전당 헌액을 기념해 운영될 페이커 신전에서 사용될 페이지였던것이다!!
간단한 페이지이긴 하지만 제작 경험이 없는 종류의 페이지였고, 신기한 경험이라 기록해두려고 한다.
우선 페이커 신전을 방문한 사람들을 위한 경품 이벤트 룰렛 페이지.
룰렛 이벤트 페이지
룰렛 페이지 제작은 생각보다 어려웠다.
버튼을 눌렀을 때 돌아가는 애니메이션, 랜덤이긴 하지만 확률적으로 알맞은 위치에 멈춰야하는 기능,
그리고 배경이 늘어가거나 줄어들어도 배경에 딱 맞게 배치되도록 룰렛을 배치하는 일, 그리고 확률과 각도를 계산하는 그런 수학적 계산식이 특히 어려웠다.
룰렛은 캔버스를 사용해 개발했고, 360도 중 각각의 제품들이 차지하는 각도를 계산해 제품들을 알맞게 나타내주었고, 각각의 제품에 맞는 확률값을 기준으로 상품이 랜덤하게 당첨될 수 있도록 개발을 했다.
잘 만들었으나, 한가지 아쉬웠던 점은 사용자 경험이였다.
대부분의 사람들이 사용하는 것을 보니 룰렛을 돌리기 위해 가운데 버튼을 터치가 아닌 꾹~ 누른다는것..ㅎ
다음에 비슷한 종류의 페이지를 제작하게 되면 참고해야겠다고 생각했다.
두 번째로 만든 페이지는 페이커 선수의 레전드 플레이 월드컵 페이지다.
출처: T1 유튜브
무려 페이커 선수가 직접 사용해주셨다.. 정말 엄청났다.
8강 월드컵이라 단순히 생각해 보면 개발하기 쉬워 보이지만, 무려 페이커님의 신전에 사용될 영상인 만큼 고화질의 영상이기 때문에 버퍼링 혹은 로딩시간을 신경 써야 했다. (레전드 플레이를 저화질로 제작할 수 없기 때문에..)
레전드 플레이 월드컵
이상형 월드컵과 같은 페이지 개발도 처음이였는데, 제작 방법은 생각보다 간단했다.
랜덤 하게 2개의 비디오를 나타낸 다음 선택된 비디오들을 하나씩 배열에 담고, 8강, 4강, 결승에 올라갈 때마다 점점 배열에 담긴 비디오들을 줄여나가는 식으로 개발을 하면 이렇게 토너먼트 형식의 이상형 월드컵 웹 페이지는 쉽게 개발을 할 수 있다.
비디오는 로딩시간이 매우 짧아야 하고 왼쪽 영상과 오른쪽 영상이 동시에 플레이되지 않게 개발을 해야 했다. 처음엔 총 8개의 고화질 비디오를 무작정 플레이시켜 봤지만, 역시나 로딩 시간이 매우 길었기 때문에 결국 비메오라는 서비스를 사용해서 개발을 시도했다. 하지만 기본 요금제와 저렴한 요금제로는 원하는 기능을 사용할 수 없었다.
이러한 문제는 영상이 8개밖에 없기도 하고,,, 제작 기간이 매우 짧아 빠르게 제작을 해야 했기 때문에 약간의 야매 기술로 웹 페이지 로딩 시 모든 영상을 플레이를 시켰고, 이 모든 영상들은 화면에 나타나지 않도록 숨김처리를 했다. 처음에 모든 영상을 플레이시켰기 때문에 실제로 화면에 나타난 영상들의 로딩 시간이 매우 짧았고 버퍼링 시간도 비교적 적었다.
외주 작업은 금액과 기간에 맞게 제작해야 하기 때문에 유지보수 비용을 잘 고려해야 하고, 사용 목적에 맞게 알맞은 기술을 선택해서 빠르게 제작을 해야 한다. 되도록이면 저렴한 단가로, 하지만 부족함 없게 완벽한 웹 페이지들을 제작하고 있다.
지금까지 수많은 외주 개발을 해왔지만, 너무나도 팬이었던 T1의 페이커 선수의 10주년 기념, 그리고 전설의 전당 헌액 기념 "페이커 신전"에 도움이 되는 웹 페이지를 제작할 수 있어서 너무 뿌듯했고, 내 인생에서 가장 기억에 남을 외주 작업이었던 것 같다 🏆