CODE CAVE

무료 관리자페이지 템플릿! 부트스트랩 'gentelella-master' 본문

Web/Front-End

무료 관리자페이지 템플릿! 부트스트랩 'gentelella-master'

코드케이브 2016. 11. 2. 10:49

멋있는 Front-end 템플릿을 찾았습니다.


어떤 사이트든 서비스를 하는 사이트라면 관리자페이지는 필수로 가지고 계실 거라 생각이 드는데요.


저희 쇼핑몰 사이트는 독립몰이라서 관리자페이지도 직접 하드코딩 해야하는데 기존 관리자페이지가 디자인부터 기능까지 너무 허술해서 최근에 싹 개편하는 걸 목표로 잡았습니다.


하지만 디자인 부터 다시 다 하려니 막막하더라구요.

포토샵으로 디자인 하고, 몇번 수정하고, 퍼블리싱하고, 스크립트 짜고,

에러 잡고, 백엔드 고려하고,

CSS도 LESS로 하고 싶어서 또 욕심내게되고,

소스가 커지다보니 모듈화하고 싶고, 모듈화 하고나니 또 다른 욕심이 끊임 없이 닥쳐 옵니다..


결국 개발기간은 2배로 뛰어 10일로 잡았다면 20일이 되겠지요.. (저만 그런가요? ㅎㅎ)


이걸 한번에 해결 해주는 무료 템플릿!!


역시 Front-end 라이브러리는 부트스트랩이 원탑 생각이 듭니다.


이 템플릿의 이름은 이름하여


Gentelella Master


입니다!


말로만 하기 뭐해서 어떻게 생겼는지 메인만 사진을 찍어봤습니다.



위 사진은 대쉬보드 화면 입니다! 이쁘지 않나요? 귀여우면서 세련되고 현재 트렌드에 맞는 듯한 젊은 컨셉입니다.


저희는 이 대쉬보드 페이지를 통계페이지로 활용했습니다!


스크립트까지 전부 다 짜져 있어서 매우 편해요! 코드도 아름답게 잘 짜놨구요.


왼쪽 메뉴 보면 Forms, Tables, UI Element 등이 있는데 이게 사이트에 자주 쓰는 UI 혹은 기능들을 모두 가지고 있습니다.


Forms이라면 가입, 로그인, 주문 등등 자주 쓰는 폼들이 개발되어 있습니다. 그냥 적당히 갖다가 써서 약간만 고치면 됩니다! 영어를 한글로 바꾸고 <div> 만 잘 정해지면 끝!


스크립트도 그대로 있고.. 그래프도 종류별로 나눠놓고 주석도 잘되있고.. 진짜 빠르게 개발 가능하더군요!


이제 막 2일 째인데 금방금방 진도 나가고 있어요. ㅎㅎ



자신의 서비스의 관리자페이지가 맘에 안드시는 분들이나 새로 개발하시는 분들께 큰 도움을 줄 것 같네요!


이 템플릿 덕분에 저희는 디자인과 퍼블리싱에 쏟는 시간을 줄이고 새로운 기능을 고민할 수 있는 시간이 생겨서 매우매우 만족합니다!



아 한가지 팁으로 서비스 규모가 중간정도라면 통계페이지는 관리자페이지에서 하는 것으로도 충분하지만 


좀 규모가 커진다면 구글의 Data Studio 추천합니다! 


MySQL을 쓰는 경우 연동도 된다고 합니다. 저희도 이거 소개 받고 쓰려다가 현재 스테이지에선 아직 Data Studio 까진 필요 없다고 판단하여 아직 보류 중입니다.



아무튼 저의 시간을 아끼게 해준 부트스트랩에게 감사하며 저도 언젠가 이런 무료 템플릿을 완벽하게 만들어서 무료로 배포하고 싶네요. :)

AD
For 개발자