Nizbridge

UI Developer

Navigation
 » Blog
 » About Me
 » Projects
 » Github
 » Bookmark
 » XML Feed

네이버 광고관리시스템

2015.11 ~ 2016.06 » AngularJS sass jade bootstrap
네이버 광고관리시스템 View
  • 네이버의 광고주들이 검색광고를 쉽게 관리할 수 있도록 도와주는 관리시스템.
  • angularJS, bootstrap 기반의 플랫폼이며, 반응형으로 개발.
  • 마크업개발자로 참여하였으며, sass와 jade 사용.
  • 간단한 JS(coffescipt) 수정 작업도 함께 진행.

네이버 광고관리시스템은 네이버의 광고주들이 검색광고를 관리할 수 있도록 도와주는 시스템입니다.

저는 마크업 담당자로 새로운 광고시스템 개편 프로젝트에 참여하게 되었는데요,

이 프로젝트는 기존과는 다른 환경에서 개발이 진행되었습니다.
기존에는 마크업이 완료된 후에 마크업을 바탕으로 개발이 진행되었지만,
이 프로젝트는 github 저장소를 함께 사용하기 때문에 마크업과 개발이 동시에 진행 되었습니다.

개발환경도 잘 접해보지 못했던 angularJS, bootstrap 기반의 플랫폼 이였으며,
jade, sass, CoffeeScript 문법을 사용했습니다.

저는 마크업 개발자로 참여하였기 때문에 sass와 jade를 주로 사용 하였으며,
간단한 JS 수정 작업도 함께 진행 하였습니다.

각 구성 요소들을 반응형으로 디자인하는게 주요했기 때문에
디자이너와의 커뮤니케이션 비용이 가장 컸으며,
요소들 간의 여백을 맞추는데 리소스가 많이 소비되었습니다.

광고주에게 서비스되는 페이지이기 때문에 VIEW 링크로 접속하여도 계정이 없으면
광고관리시스템 페이지를 확인할 수는 없습니다.

광고관리시스템의 일부 UI를 확인해 볼 수 있는 강좌 페이지가 있어서 아래 링크로 대신합니다.


> 광고관리시스템 소개영상 보기1

> 광고관리시스템 소개영상 보기2