Web Development

Responsive Design: 스마트 폰와 타블렛의 보급으로 웹 사이트를 보는 Device가 다양해지면서, Device의 화면의 사이즈 별로 프로그램의 직접 수정없이 동적으로 보여주는 디자인을 Responsive Design 이라고 합니다.

CMS(Content management system): CMS(Content management system)은 웹사이트를 구성하고 있는 다양한 콘텐츠를 효율적으로 관리할 수 있도록 도와주는 시스템으로, 기술적 지식이 없는 일반 사용자들도 손쉽게 직접 콘텐츠의 내용을 변경/관리 할 수 있도록 도와줍니다.

Responsive Design

bigstock-Web-design-concept-43604968-1920

Responsive 기능은 CSS3에서 추가된 Media queries로 인하여 구현이 가능해졌습니다.
예로, 아래 코드는 화면 사이즈가 0~600px까지 html tag에class=”sidebar”가 붙은 내용은 보여주지 않으라는 CSS3 코드입니다.

<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
  .sidebar {
    display: none;
  }
}
</style>

2015년에 Google이 mobile-friendliness를 랭크에 반영하기로 하면서, Responsive 디자인은 웹사이트 개발에서 선택이 아닌 필수 사항이 되어버렸습니다.

Google-warning

cdv-e1443170274586

Open Source CMS(Content management system)

일반 웹사이트 개발용 CMS (WordPress/Joomla)

WordPress 현재 북미에서 가장 대중적으로 사용되고 있는 무료 CMS 툴의 하나로, 오랜기간동안 개발/보수를 거쳐 안정적이고 손쉽게 웹사이트를 개발할 수 있게 해줍니다. 또한 다양한 기능의 Plugin들을 제공하여 eCommerce 같은 기능들을 포함한 거의 모든 기능들을 버튼 한번 클릭으로 간단히 설치할 수 있게 되어 있습니다.
cms-marketshare

2015 CMS Marketshare

 

  • 일반 페이지 Editor를 사용 작성/편집
  • 블로그, 사진 갤러리
  • 회원 등록/관리
  • 다국어 지원
  • Facebook등의 Social Media 링크
  • Google Map, Email Inquiry
  • 한국형 게시판 지원
  • eCommerce, Online Payment 지원

Open Source CMS

eCommerce 전용 CMS (Magento/Opencart)

Magento/Opencart는 eCommerce 전용 CMS로 다양한 종류의 제품들을 카테고리별로 등록/관리할 수 있으며, Online Payment, Delivery 등의 결재 기능들을 해당 3-Party Plugin을 설치하여 손쉽게 구현할 수 있게 도와주고 있습니다. 또한 일반 웹 컨텐츠 CMS기능들도 제공하여, 원하는 컨텐츠 등을 손쉽게 관리할 수 있습니다.

  • eCommerce 전용기능
  • 여러단계의 다양한 제품 옵션(사이즈, 색상, 각종 추가 옵션)  추가 가능
  • 회원 등록/관리
  • 다국어 지원
  • 주문량, 재고 등 주문에서 배달까지의 온라인 관리
  • UPS/Fedex/Canada Post 등 다양한 배달 회사와 연결기능
  • Paypal/Credit/Debit 결재 지원
  • 회사소개, Terms & Condition 등의 일반 컨텐츠 작성/관리