Bootstrap 테마 개발 웹사이트의 관리자페이지 구현하기


우선 저는 C# 개발 2년정도 경험이 있습니다.

현재 웹사이트를 구축하고 있습니다.

보통 기업들이 웹사이트를 어떻게 개발하는지 모르는 상태이고, 저는 Bootstrap 테마를 기반으로 하였습니다. (서버 node.js)

웹사이트 성격은 기업 웹사이트 정도 수준입니다. ( 이미지 페이지, Contact us 페이지 등 )

그런데 보통 웹사이트 관리자 페이지가 있지 않나요?

아주 기본적인 정보 ( 오늘 방문자 수, 총 방문자 수, 방문자 국가, 방문자 브라우저 종료 등 ) 를 추적하기 위한

관리자 페이지를 만들고 싶은데 완전 백지 상태로 막막합니다.

  1. 디자인을 위한 Bootstrap 이라는 것이 있듯, 관리자 페이지 기능을 만들기 위한 무엇인가 있지 않을까 질문 드립니다. ( 예를 들면 어떤 디자인은 테마를 이용하여 개발하되, 기능은 JQuery 등 프레임워크로 가져다 쓴다던가 등...)

  2. 제가 제대로 이해하는지, 옳은 방향으로 나아가는지 모르겠습니다. (웹사이트 개발 회사에서 일해본 적이 없어서 어떤 것들이 있는지 잘...) 아니면 어떤 방법으로 개발하는지 조언 부탁드립니다.

( ps. 아래와 같은 관리자 페이지를 말합니다. )

관리자 페이지 예시

  • 2016년 03월 24일에 작성됨
    웹 사이트 공부 중입니다. 많은 도움 주시면 좋아요.

조회수 713


2 답변


좋아요
4
싫어요
채택취소하기

우선 기본적인 방문자에 관한 정보(오늘 방문자 수, 총 방문자 수, 방문자 국가, 방문자 브라우저 종료 등)를 알고 싶으시다면 직접 개발하시는 것보다 Google Analytics를 사용하시기를 추천합니다. 웹페이지에 간단한 javascript 코드만 추가하면 다양한 웹로그 분석이 가능합니다.

참고: https://www.google.com/analytics/

그리고, 첨부한 이미지와 같은 어드민을 개발하시려면 bootstrap theme을 사용하되 모든 페이지를 직접 개발하셔야 하고, 필요한 로그 데이터도 DB 등에 남겨 놓아야 합니다. Ruby On Rails의 경우에는 ActiveAdmin과 같은 어드민 프레임워크가 있어서 디자인이 예쁘지는 않지만 비교적 간단하게 데이터 조작이 가능합니다. 하지만 node.js에는 찾아봐도 마땅한 프레임워크가 보이지 않네요.

  • 2016년 03월 25일에 작성됨
    Polyglot Programmer

  • 아무래도 Javascript로 되어있는 백앤드 언어라 선택한 node.js인데 벌써 약점이 드러나는건지 모르겠네요. 이 사이트도 Ruby On Rails로 개발된 걸로 아는데... 아무튼 제가 궁금한 점을 해결하기 위한 방법은 구글 애널리틱스로 해결 가능하다는 말씀이시죠? 감사드립니다.    상남자   2016.3.25 00:35     
  • 네 방문자에 관한 정보만 보고 싶으시다면 구글 애널리틱스로 모두 보실 수 있습니다. node.js도 빠르고 좋은 프레임워크이지만 역사가 조금 짧다보니 아직은 부족한 라이브러리가 있는 것 같습니다.    이확영   2016.3.25 11:19     

Google analytics를 쓰시는게 좋을것 같습니다.

사이트의 html파일마다 구글어날리틱스에서 제공하는 태그를 넣으면 방문자수, 국가 등의 정보를 아주 풍부하게 분석해 줍니다.

관리자 페이지를 만드시는게 아니라 이미 만들어진 관리자페이지에 정보만 전달하고 사용하는 개념에 가깝습니다.

  • 2016년 03월 25일에 작성됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.

  • 해법을 제시해 주셔서 감사합니다. 0에서 1이 된 느낌입니다. 제시해 주신 방법은 보통 웹사이트 개발 업체들도 사용하는 방법인가요? 보편적인 방법도 궁금합니다!    상남자   2016.3.25 00:33     
  • 댓글을 이제 봤네요. Hashcode사이트에도 google analytics가 적용되어 있습니다.    정두식   2016.5.20 17:06     

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close