Single Page WebApp 방식의 관리자 UI

워드프레스 쇼핑몰 대중화를 위해 먼저 생각하고, 먼저 실천하는 코드엠이 변화하고 있습니다.

그 중심에는 단단한 워드프레스 전문가들이 있기에 가능한 일이겠지요.

오늘은 그 첫번째로, 코드엠의 기술적 변화 이야기를 건네 보려고 합니다.

워드프레스 쇼핑몰 엠샵의 관리자 UI 는 워드프레스의 페이지 형태의 설정 화면 형태의 스타일을 고수하며, 개발을 진행 해 왔습니다.

 

<기존 엠샵 포인트 설정 화면>

 

그러다보니 복잡한 쇼핑몰의 다양한 기능 설정이 한 페이지에 나열되지 않는다는 단점과 나에게 불필요한 정보 설정을 어떻게 해야하는지 고민이 되게 만들었습니다.

 

이 부분을 해결하기 위해 코드엠에서는 기존의 워드프레스 스타일을 과감히 버리고, Single Page WebApp 방식으로 제작된 새로운 관리자 UI 를 선택하여 개발을 및 플러그인 리뉴얼을 진행하고 있습니다.

React 와 Flux 와 같은 프론트엔드 중심의 웹개발의 인기 있는 오픈 소스를 사용하고 있으며, Calypso, WordPress.com의 새로운 관리자 대시보드에 사용된 기술이기도 합니다.

이 기술은 빠른 처리 능력과 더불어, 여러분들이 핸드폰에서 종종 볼 수 있는 친화적인 사용자 UI 를 제공하고 있습니다.

Single Page WebApp 로 제작된 새로운 엠샵 UI 를 보실까요?

 

< Single Page WebAPP 방식의  엠샵 포인트 설정 화면>

– 우리의 단짝 스마트폰에서 매일 만나는 기능이죠?

– ON 을 체크하는 경우 해당 챕터에 해당하는 기능 설정 화면이 나오게 됩니다. 이로 인해 내가 사용하는 기능만 설정할 수 있게 되었지요.

– 해당 기능에 대한 설명은 요렇게 센스 있는 팝업 메뉴로 처리

– 리스트와 아이콘만으로도 해당 설정이 어떻게 되어 있는지 감이 오게 하는 기능이죠.

 

바로 경험 해 보고 싶지 않으신가요?