외주 프로젝트 ing

 

전 직장으로부터 외주로 맡은 프로젝트를 진행 중이다
프로젝트 시작한 지 5주쯤 됐으려나?
언어가 자바가 아닌 점만 제외하면 다 좋다
이 추운 겨울날 재택 프리랜서로 일할 수 있다니!
이전에도 해봤던 종류의 키오스크 작업인데 규모가 배로 크다
내가 맡은 키오스크는 총 6대이고 구조가 조금씩 다르다
다만, 대체로
메뉴(페이지)가 전환될 때 페이지 전환 애니메이션이 필요한 한편 메뉴 내비게이션은 고정인 상태로 내부에서 애니메이팅 되는 구조다
그래서 처음엔 SPA(Single Page Application)인 리액트로 개발을 하는 게 적합해 보였다
그러나 시연 영상대로 구현하려면 리액트로 해도 무리가 있었다
싱글 페이지에서 일부분만 다시 렌더링 하는 것을 넘어 z-index로 페이지를 쌓는 게 필요해 보였다
그리고 리액트 프레임워크는 소스 용량이 상대적으로 커진다
그래서 HTML+페이지 전환 라이브러리를 택했다
이 라이브러리는 multi page를 SPA처럼 지정한 영역만 재렌더링 해준다

코딩을 하다 보면 종종 코딩에 대한 이해도가 낮은 디자이너(이 경우엔 영상 제작자)의 자유분방한 시각화를 마주하게 된다 아 뭐라 하는 건 아니고요,, 모르니 그럴 수 있죠
아무튼 이 프로젝트는 참고용 PSD시안을 넘어 모션 영상이 주어져 있다
설명하기 어렵지만 자연스럽게 펼쳐져야 할 클릭 전 메뉴의 배경 비율과 활성화된 페이지의 배경 비율이 안 맞거나(필요한 이미지가 다름), 같은 디자인 요소인데 폰트 사이즈나 높이가 자잘하게 다르거나, 페이지를 메뉴에서 열 때랑 탭에서 열 때 모션이 다르거나 뭐 그렇다
에펙으로 만든 키오스크 모션 애니메이션과 동일한 효과를 코딩으로 주는 것이 정말 어렵다!
정말이지 퍼블리싱 스킬을 총동원하는 프로젝트다

내일은 마크업 완료된 파일을 대표님께 전달하는 날로 프로젝트의 1차 완료일이라고 볼 수 있다
그 후에는 수정 작업 예정인데 1차 작업이 마크업+모션 보여주기 위주였어서 다듬을 부분이 아주 많다